Javascript 返回元素并过滤内部元素以获取其内容

这是我试图使用的选择器，以便返回它下面的数据

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

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

$（'.groupPopper'）。单击（函数（事件）{
var name=$（this.index（“.name”）.contents（）；
警报（名称）；
});
[text class=“name”>此处的名称

---

如何通过单击jquery中的元素“a”按其类返回文本元素？我的示例不起作用。

假设您在jquery下发布的内容应该是HTML，这应该起作用：

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

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

试试这个

---

要按其类名返回子级，可以在jQuery中使用

.find

：

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

或者，如果这个类有多个子类，可以使用

对它们进行迭代。每个
：

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

如果您阅读文档，您将看到
.index（）
返回一个数字。鉴于您的标记，您似乎只需要
$（this）.text（）
.dot.在text（）之前缺失@阿迪尔：谢谢。你是18个月来第一个注意到这一点的人：）不客气@Rory McCrossan，我认为这件事微不足道，足以引起注意，因为它解决了OP，甚至被接受。
$('.groupPopper').click(function(event){
    $(this).find(".name").each(function() {;
        var name = $(this).text();
        alert(name);
    });
});