Javascript 从li元素获取值属性

我有一个无序列表，其中有li元素。当我单击列表中的特定项时，我想提取该li项的值并使用它。在下面的示例中，我希望提取值“9”

在jQuery中如何实现这一点

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" value="9">
    <a href="#">
        <span class="viewIcons delFaceName _delete fl"></span>
        Category 1
    </a>
</li>

不要在
上使用
值。它是无效的！相反，您可以使用
数据值
或类似的东西。这样做：

$("li").click(function () {
  alert($(this).attr("value"));
});

片段


$（函数（）{
$（“li”）。单击（函数（）{
警报（$（this.attr（“值”））；
});
});


不要在
上使用
值。它是无效的！相反，您可以使用
数据值
或类似的东西。这样做：

$("li").click(function () {
  alert($(this).attr("value"));
});

片段


$（函数（）{
$（“li”）。单击（函数（）{
警报（$（this.attr（“值”））；
});
});


您可以为li元素编写一个单击处理程序，然后获取其属性值。另外，
value
对于li元素也是无效的属性。但是，HTML5允许您使用以
数据-
开头的自定义属性。您可以使用值属性，如
数据值

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" data-value="9">
 <a href="#">
     <span class="viewIcons delFaceName _delete fl"></span>Category 1</a>
</li>

您可以为li元素编写一个单击处理程序，然后获取其属性值。另外，
value
对于li元素也是无效的属性。但是，HTML5允许您使用以
数据-
开头的自定义属性。您可以使用值属性，如
数据值

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" data-value="9">
 <a href="#">
     <span class="viewIcons delFaceName _delete fl"></span>Category 1</a>
</li>

li
没有值属性。使用数据值，如下所示：

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" data-value="9">
<a href="#">
<span class="viewIcons delFaceName _delete fl"></span>Category 1</a></li>

li
没有值属性。使用数据值，如下所示：

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" data-value="9">
<a href="#">
<span class="viewIcons delFaceName _delete fl"></span>Category 1</a></li>

首先，在
li
元素上没有可用的
value
属性，添加非标准属性将意味着您的页面无效。相反，使用
data-*
属性

然后，您可以挂钩到
元素的
单击
事件，并从其父元素
li
获取该
数据
属性，如下所示：


$（'li a'）。单击（函数（e）{
e、 预防默认值（）；
变量值=$（this）.closest（'li'）。数据（'value'）；/=9
console.log（值）；
//在这里做一些有价值的事情。。。
});






首先，在
li
元素上没有可用的
value
属性，添加非标准属性将意味着您的页面无效。相反，使用
data-*
属性

然后，您可以挂钩到
元素的
单击
事件，并从其父元素
li
获取该
数据
属性，如下所示：


$（'li a'）。单击（函数（e）{
e、 预防默认值（）；
变量值=$（this）.closest（'li'）。数据（'value'）；/=9
console.log（值）；
//在这里做一些有价值的事情。。。
});






有点晚，但这对很少人有帮助。
li标记尚未缝合值属性，但仍然可以使用提供的
dataset
功能。例如：

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" value="9">
    <a href="#">
        <span class="viewIcons delFaceName _delete fl"></span>
        Category 1
    </a>
</li>

我一直在香草javascript中使用它，对于jquery也应该可以很好地工作。
有点晚了，但这对很少人有帮助。
li标记尚未缝合值属性，但仍然可以使用提供的
dataset
功能。例如：

<li sequence="1" title="Category 1" class="liEllipsis selSubCategories" value="9">
    <a href="#">
        <span class="viewIcons delFaceName _delete fl"></span>
        Category 1
    </a>
</li>

我已经在香草javascript中使用了它，对于jquery也应该可以很好地工作。
不要发明属性，使用data value=“9”并通过$（'li'）获取它。data（'value'）不要发明属性，使用data value=“9”并通过$（'li'）获取它。data（'value'）
。data（'value'）
更合适
.data（'value'）
更合适！你说不要在
li
上使用值，然后你的代码使用它…？@Rorymcrossan，但它可以工作！这是最糟糕的解决方案之一，解决了OP的问题。很多时候，您无法控制生成的HTML。你同意我的看法吗？你说不要在
li
上使用值，那么你的代码就使用它了…？@rorymcrossan，但它是有效的！这是最糟糕的解决方案之一，解决了OP的问题。很多时候，您无法控制生成的HTML。你同意我的观点吗？是的，这是可行的，但我不应该改变html。你能推荐其他的工作吗？是的，这很有效，但我不想改变html。你能推荐其他的工作吗？