Question

我想将所有子<LI>元素设置为父<LI>元素的一个类。在下面的例子中'父式'。有人可以帮我正确的方向来实现这一目标。感谢

<li class="current sub-menu parent-style"><a id="drop-a" href="/features.aspx">
 <div>Features <span>Out of the Box</span></div>
</a>
<ul class="sub-menuitem sf-js-enabled" style="display: none; visibility: hidden;">
  <li class="sub-menu"><a id="drop-a" href="/features/feature-01.aspx">
    <div>Feature 01</div>
    </a>
    <ul class="sub-menuitem sf-js-enabled" style="display: none; visibility: hidden;">
      <li><a id="drop-a" href="/features/feature-01/feature-01-a.aspx">
        <div>Feature 01 a</div>
        </a></li>
    </ul>
  </li>
  <li><a id="drop-a" href="/features/feature-02.aspx">
    <div>Feature 02</div>
    </a></li>
 </ul>
</li>

Answer 1

$("li.parent-style").find ("li").addClass("parent-style");

这应该是不言自明的......

Answer 2

问题实际上并不清楚您想要什么，但要在列表下的所有<li>元素中添加一个类，您可以这样做：

$('#listId').find("li").addClass("parent-style");

Answer 3

为什么需要在jQuery中执行此操作？你为什么不用CSS做呢？（我假设它是造型，因为类是'parent- style '）。

.parent-style ul li{
    /* styles */
}

jQuery使用父LI的类设置所有子LI元素

3 个答案: