У меня есть номер list items
, называемый selectedli
, имеющий css background-color: #efefef;
Я хочу получить значение последнего выделенного list item
, к которому применен класс 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">
Я не могу заставить свой код работать.Может кто-нибудь, пожалуйста, помогите мне решить проблему.