jQuery - 使用特定的类从<ul>获取<li>

Question

我有一个清单:

<ul id="list">
   <li class="one">Item A</li>
   <li class="one">Item B</li>
   <li class="two">Item C</li>
   <div id="pressed">Submit</div>
</ul>

当按下"提交"时,我想检索具有"两个"类的列表项的值.在这种情况下,按下提交将返回"项目C".这是我尝试过的jQuery:

$("#pressed").click(function() {
   var v = $('#list').filter('.two').val();
   alert(v);
});

但所有这一切都是0.最好的方法是什么？<li>任何时候只有一个人会有一个"两个"的班级.

Answer 1

首先,您的HTML无效,因为div元素不能是以下子元素ul:

<ul id="list">
   <li class="one">Item A</li>
   <li class="one">Item B</li>
   <li class="two">Item C</li>
</ul>
<div id="pressed">Submit</div>

其次,text()是你想要的财产,而不是val():

$("#pressed").click(function() {
   var v = $('#list').find('.two').text();
   alert(v);
});

示例小提琴