javascript - 获取列表项的值给我 0

Question

首先，我有这个无序列表:

<ul class="carl">
    <li id='2' value='test'>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

我可以通过 jQuery 访问它，方法如下:

alert($('.carl li')[0].id);

它工作正常，id 已正确发出警报，但如果我执行以下操作:

alert($('.carl li')[0].value);

然后我得到 0 即使我在元素上设置了值。

什么原因导致这种行为？

Answer 1

已经有一些正确的答案，但我想添加一种更短、更简洁的方法来完成同样的事情:

alert($('.carl li').eq(0).attr("value"));

现场演示:

alert($('.carl li').eq(0).attr("value"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="carl">
    <li id='2' value='test'>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>