javascript - 使用 jQuery 列表项值始终为 0

Question

处理一个按钮页面，用按钮的值填充文本区域。

这适用于按钮项目，但不适用于列表项目。

我必须使用列表项，因为有些按钮有下拉菜单。

jsfiddle 显示列表项警告 0，即使它确实有值。

http://jsfiddle.net/hsw32zv8/

<li class='item_value' value='value'>
  <a href='#'>Click</a>
</li>

<br><br>

<button type='button' class='btn btn-success item_value' value='value2'>Click 2</button>

jQuery:

$(".item_value").on('click',function(){
  alert(this.value);
});

Answer 1

value 不是 li 元素的有效属性(除非它在 ​​ol 中，但鉴于您的问题和事实上，您拥有的属性的值是一个字符串而不是数字)，该标记类型的 DOMElement 也没有 value 属性。

向您的标记添加非标准属性将使页面无效，并可能导致 JS 和 UI 问题。如果要创建自定义属性，请使用 data-*:

<li class="item_value" data-value="value">
    <a href="#">Click</a>
</li>

$('.item_value').on('click', function(){
    alert($(this).data('value')); // = 'value'
});