javascript - 向 li 元素添加自动增量值

Question

我是一个 css/设计师，所以请原谅我不懂任何 .js 的跛脚

基本上，我想知道如何使用 javascript/jquery 将自动增量 ID 添加到列表项中，以用于我尝试向其中添加一些 css 的内容。

之前

<li id=""><a href="">Item number 1</a></li>
<li id=""><a href="">Item number 2</a></li>
<li id=""><a href="">Item number 3</a></li>

之后

<li id="1"><a href="">Item number 1</a></li>
<li id="2"><a href="">Item number 2</a></li>
<li id="3"><a href="">Item number 3</a></li>

在此先感谢，尤其是阅读本文

尝试了所有的响应，除了 ul/li 项目之外什么都没有在纯 html 页面上工作。

感谢所有尝试，我在很大程度上失败了......我不是编码员

Answer 1

我要给你li标记一个包含 ul用id如果还有其他li页面上您不想排序的标签，但在 jQuery 中这很容易用于:

<ul id="ordered">
    <li><a href="">Item number 1</a></li>
    <li><a href="">Item number 2</a></li>
    <li><a href="">Item number 3</a></li>
</ul>

您只需使用 each方法:

$('#ordered li').each(function(i,el){
    el.id = i+1;
});

不过，我建议使用除普通整数以外的其他东西作为 id，所以可能像 'ordered' + (i+1) 这样的东西而不仅仅是 i+1以上。