jquery - jQuery 和 .attr ('value' 出现问题)

Question

我有一个列表，每个列表项都有一个值，如下所示:

<ul>
    <li value='red'>red</li>
    <li value='grn'>green</li>
    <li value='prp'>purple</li>
    <li value='blu'>blue</li>
</ul>

我需要检索列表项的值，因此转向 jQuery (1.3.2):

$('li:first').val();

这会引发 JavaScript 错误。我在这里原谅 jQuery，因为 li 不是表单元素，我会用我告诉自己的“困难方式”来做到这一点:

$('li:first').attr('value');

这不会引发错误，但无论我匹配哪个元素，它都会返回“-1”。显然，-1 不是任何元素的值。在摆弄了几分钟以确保我拼写的所有内容都正确后，我突发奇想尝试了这个

$('li:first').attr('Value'); //notice capital V

这将返回正确的值“red”。为了确保我没有疯，我尝试了更多

$('li:first').attr('vAluE');
$('li:first').attr('vaLue');
$('li:first').attr('VALUE');

只要您不只使用小写“值”，似乎混合大小写的每种组合都可以工作。如果我将我的属性重命名为“值”(无效的 html)以外的任何名称，它就可以正常工作，但如果可以的话，我会更快地保持它的有效。 jQuery 的行为有这样的原因吗？或者我应该将其视为一个错误？

-编辑-我意识到 li 元素上的 value 属性已被贬值。我遇到的真正问题是，无论它是否折旧，我实际上都在使用名为“value”的属性并要求 jQuery 告诉我它的值。它错误地返回-1。

Answer 1

值仅在具有有序列表的列表中使用，如下所示:

<ol>
  <li value="5">Item One</li>
  <li value="10">Item Two</li>
</ol>

这将显示如下:

5。第一项
10。第二项

这可能就是 jQuery 表现得很有趣的原因。