從Jquery獲取同一列表項中的另一個元素的id屬性

Question

<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代碼，這將使我的<span>元素的id值（所以在這種情況下：122）相同<li>內，當我點擊<a>在同一<li>。

我該怎麼做？

謝謝！

Answer 1

假設你只有一個跨度的標籤在你的列表中的項目，你應該能夠用它來獲取你的跨度的ID：

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

Answer 2

如果你只有一個跨度在HTML ...

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