查找包含锚元素的字段集图例文本

Question

我有个问题.假设我有这样的事情:

<fieldset>
<legend>I am legend</legend>
<p>I am a paragraph</p>
<a href="#">I am an anchor</a>
</fieldset>

当我点击链接时,如何获取该字段集中的图例元素的文本？

注意:上面的格式可能会有所不同,例如我可以在该字段集中使用表格,更多段落等等...

谢谢

Answer 1

基本上直到你点击字段集标记,然后在其子节点中找到图例标记,即使链接是嵌入的,或者嵌入字段集,它也会找到正确的标记.

$('fieldset a').click(function(e){ 
    alert( $(this).closest('fieldset').children('legend:first').text() );
    e.preventDefault(); 
});