使用jQuery获取特定的单击项

Question

我试图将值存储在＆＃39;类＆＃39; ＆span;＆＃39; span＆＃39;的属性元素。示例标记：

<dl>
<dt id="1"><a href="#"><span class="name">Fred Flintstone</span><span class="address">12     Main St</span></a></dt><dd>misc text</dd>
<dt id="2"><a href="#"><span class="name">Barney Rubble</span><span class="address">99 Bedrock Ln</span></a></dt><dd>misc text</dd>
<dt id="3"><a href="#"><span class="name">Harry Potter</span><span class="address">33 Dreary Ave</span></a></dt><dd>misc text</dd>
</dl>

示例jquery：

$('a').click(function() {
    var name = $('.name').html();
    var address = $('.address').html();
}

这只返回FIRST dt元素的跨度值。

希望能帮助我解决问题的建议。谢谢！

Answer 1

使用此：

$('a').click(function() {
    var name = $('.name', this).html();
    var address = $('.address', this).html();
}

您可以传递给jQuery构造函数的第二个可选参数是进行搜索的上下文。