javascript - 要素を返し、内部要素をフィルタリングしてコンテンツを取得する

Question

これは、その下のデータを返すために使用しようとしているセレクターです。

$('.groupPopper').click(function(event){
    var name = $(this).index(".name").contents();
    alert(name);
});

<a class="groupPopper">
   [text class="name">Name here</a>
</a>

jqueryで要素「a」をクリックして、クラスごとにテキスト要素を返すにはどうすればよいですか？私の例はうまくいきません。

Answer 1

jQuery の下に投稿したものが HTML であると仮定すると、これは機能するはずです。

$('.groupPopper').click(function(event){
    var name = $(".name", this).text();
    alert(name);
});

Answer 2

これを試して。jsfiddle

$('.groupPopper').click(function(event){
    var name = $(".name", this).text();
    alert(name);
});

Answer 3

try using `.text()`

$('.groupPopper').click(function(event){
    var name = $(this).find('.name').text();
    alert(name);
});

Answer 4

.findクラス名で子を返すには、jQuery で使用できます。

$('.groupPopper').click(function(event){
    var name = $(this).find(".name").text();
    alert(name);
});

または、このクラスに複数の子がいる場合は、次のように繰り返すことができます.each:

$('.groupPopper').click(function(event){
    $(this).find(".name").each(function() {;
        var name = $(this).text();
        alert(name);
    });
});