jQuery來獲得最後的高亮元素值

Question

我與CSS background-color: #efefef;

我想獲得最後的價值凸顯list item已應用到它selectedli類具有許多list items稱爲selectedli。

這是我的代碼...

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    $('#btnSelect').click(function() { 
     alert($('#wrapper').find('li').filter("[class=leaf]").last().text()); //bingo 
     alert($('#wrapper').find('li').hasClass('selectedli').last().text()); //fail to get value when the class got 2 value inside... 
     alert($('#wrapper').find('li').filter('selectedli').last().text()); //fail to get value when the class got 2 value inside... 
     alert($('#wrapper').find('li .selectedli').last().text()); 
    }); 
</script> 

<div id="wrapper"> 
    <div id="panel" class="cats1"> 
     <ul id="list_items"> 
      <li class="root" data-category_id="1">Fashion</li> 
      <li class="root selectedli" data-category_id="2">Computer</li> 
     </ul> 
    </div> 
    <div id="panel" class="cats1"> 
     <ul id="list_items"> 
      <li class="root" data-category_id="5">Laptop</li> 
      <li class="root selectedli" data-category_id="6">Monitor</li> 
     </ul> 
    </div> 
    <div id="panel" class="cats1"> 
     <ul id="list_items"> 
      <li class="leaf" data-category_id="13">LCD Dell</li> 
      <li class="leaf selectedli" data-category_id="14">LCD Acer</li> 
     </ul> 
    </div> 
</div> 

<input type="button" id="btnSelect" value="Select"> 

我似乎無法讓我的代碼工作。有人可以幫助我解決這個問題。

Answer 1

試試這個：

$("#list_items .selectedli").last().data("category_id"); 

DEMO（更新）：http://jsfiddle.net/ugdYm/1/

Answer 2

只是做$("#list_items li.selectedli").last().attr("data-category_id");

更新：失蹤last()

Answer 3

一個建議，不要」使用jQuery 1.5這個v ersion有問題。