从与Jquery相同的列表项中的另一个元素获取id属性

问题描述

|

<li class=\"ui-li ui-li-static ui-body-c\">
    <p class=\"ui-li-aside ui-li-desc\"></p>
    <span id=\"122\"></span>
    <h3 class=\"ui-li-heading\"></h3>
    <p class=\"ui-li-desc\"></p>
    <p class=\"ui-li-desc\"><a class=\"ui-link\">Report</a></p>
</li>

这是我的HTML标记。 目标：我需要一个JQuery代码，当我在相同的

<li>

中单击

<a>

时，它会给我相同ѭ3中的

<span>

元素的

id

值（因此，在本例中为122）。 我该怎么做？ 谢谢！     

解决方法

假设列表项中只有一个span标签，您应该可以使用以下方法获取span的ID：

$(\'a.ui-link\').click(function(){
   var id = $(this).closest(\'li\').find(\'span:first\').attr(\'id\');
});

    ,如果您只有一个跨度，如您的html ...

$(\'a.ui-link\').live(\'click\',function(){
   var id = $(\'span\',$(this).closest(\'li\')).attr(\'id\');
});