jQuery获取列表项值答案

【问题标题】：jQuery get list item valuejQuery获取列表项值
【发布时间】：2023-03-29 13:00:01
【问题描述】：

我有一个基本的 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() 不适用于列表项。我应该改用什么？

【问题讨论】：

【解决方案1】：

.val()方法主要用于获取input、select、textarea等表单元素的值。

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

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

【讨论】：

【解决方案2】：

使用.text() 而不是.val()

.val() 适用于输入元素（或任何具有值的元素属性？）和 .text() 用于 innerHTML（类似于 .html() ）。

你可以看看下面的jsbin。

【讨论】：

【解决方案3】：

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

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

【讨论】：