jQuery获取列表项值

时间:2017-08-13 09:24:56

标签: javascript jquery html html-lists

我有一个基本的HTML列表

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li class="active">Item 3</li>
    <li>Item 4</li>
</ul>

我正在尝试获取具有活动类的列表项的值。所以,我可以使用...

找到该项目
$("ul li.active");

.val()不适用于列表项。我该怎么用呢?

3 个答案:

答案 0 :(得分:1)

  

.val()方法主要用于获取表单元素的值,例如input,select和textarea。

您应该使用.text()来获取li元素的文字。

$("ul li.active").text()

答案 1 :(得分:0)

使用.text()代替.val()

  

.val()适用于输入元素(或任何带有值的元素)   attribute?)和.text()用于innerHTML(类似于.html())。

你可以看看下面的jsbin。

JSBIN

答案 2 :(得分:0)

使用li元素时,请使用.data()。value而不是.val()。

  <li data-value="20">twenty</li>