使用jquery将id和类添加到ul

Question

如何在div中的主ul中添加一个类和一个id？

<div id"navcont">
  <ul>
    <li>One
      <ul>
        <li>Sub One</li>
      </ul>
    </li>
    <li>Two</li>
  </ul>
</div>

Answer 1

只需使用子选择器：

$('#navcont > ul').addClass('theClass').attr('id', 'theID');

Answer 2

试试这个：

$('#navcont > ul').attr("id", "some-id").addClass("some-class");

Answer 3

$("#navcont > ul").addClass("myClass").attr("id", "myId");

这会将指定的类和id添加到所选div中的任何 ul，但前提是该ul是#navcont div的子级。不会选择任何其他标记内的ul标记。如果要定位第一个选定的ul标记，可以指定：

$("#navcont > ul").eq(0).addClass("myClass").attr("id", "myId");

这将确保您只选择#navcont中的第一个ul。如果你在div中有多个ul标签，你应该考虑你想要定位哪个以及如何处理每个标签。

还要记住，虽然一个类可以多次使用，但id应该对文档是唯一的而不是重复的。如果您正在处理多个ul标签并且分配了ID，则每个标签应该是唯一的。

Answer 4

您可以使用第一个选择器，

$("#navcont ul:first")

请注意，这将仅选择DIv中的第一个UL元素