1

如何向 div 内的主 ul 添加一个类和一个 id？

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

4 回答 4

5

只需使用子选择器：

$('#navcont > ul').addClass('theClass').attr('id', 'theID');
于 2012-07-09T18:25:42.670 回答
4

尝试这个：

$('#navcont > ul').attr("id", "some-id").addClass("some-class");
于 2012-07-09T18:26:15.080 回答
4 
$("#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，则每个标签都应该是唯一的。

于 2012-07-09T18:26:20.220 回答
1

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

$("#navcont ul:first")

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

于 2012-07-09T18:26:31.507 回答