使用jQuery在HTML标签中添加类

Question

我收到了这段HTML代码：

<form id = "xxx">
   <ul>
     <li class = "req" > </li>
     <li class = "req" > </li>
     <li class = "req" > </li>
     <li > </li>    ==================> HOW CAN I ADD A CLASS="req" to this li with jquery
     <li class = "req" > </li>
     ....
    <li class = "req" > </li>
  </ul>
</form>

所以我重新提出问题：有一个li标签没有(class="req")，我该如何使用jQuery添加它？ 谢谢。

- Mamadou

Answer 1

$("#xxx li").addClass("req");

足够了。

如果您只想将其显式添加到没有 req 的 li 中，可以执行以下操作：

$("#xxx li:not(.req)").addClass("req");

如果你只想给第四个元素添加类，那么可以这样做：

$("#xxx li:eq(3)").addClass("req");

这里的3是因为它使用了零索引来表示元素。

- Magnar

---

哦，太棒了！它可以工作了，但是抱歉，请不要动，我有另一个问题。 - Mamadou

还有一个没有class为req的li标签，但我不想将这个class添加到主题中，只想添加到这一个！我能调整位置吗？或者类似的方法？ - Mamadou

如果它总是ul中的第四个li，你可以这样做：$("#xxx li").eq(3).addClass("req");。从0开始计数，所以第四个是编号3。 - Stephan Muller

Answer 2

使用 not 可以检查一个项目是否具有特定的属性。

$("ul#yourid").not(".req").addClas("req");

- Tim

---

我能否只为这个li添加一个类？你提供的解决方案可行，但我忘记了可能会有另一个没有类的li，我的意思是它不是唯一的，也没有a id。 - Mamadou

Answer 3

jQuery('li').addClass('req');

- Randy the Dev