Question

我有一个包含几个无序列表的页面，它们与下面的代码类似，但＃7和大写字母除外，它们是从db数据动态构建的。根据页面上的用户操作，将显示或不显示所有或部分列表元素。我需要做的是添加类＆＃34; with-headers＆＃34;到第一个可见的列表元素，它是一个孩子，或者在一个具有class =＆＃34; minimal-product＆＃34;的ul下。＆＃34; with-headers＆＃34;当页面加载时，类通过文件中包含的其他css或javascript自动添加。我试图用我的JQuery覆盖它。

<div id="course-group-7" class="content active">
  <ul class="minimal-products zebra-stripes">
    <li class="fos-crs-HPA minimal-product-wrapper toggle-container with-headers" style="display: none;">
    <li class="fos-crs-HLD minimal-product-wrapper toggle-container even" style="display: list-item;">
    <li class="fos-crs-HRM minimal-product-wrapper toggle-container" style="display: list-item;">
    <li class="fos-crs-SPH minimal-product-wrapper toggle-container" style="display: none;">
  </ul>
</div>

我尝试过一些东西，但无法让它发挥作用。似乎这应该工作。使用firebug，我发现我不需要删除＆＃34; with-headers＆＃34;第一课，但认为这样做会更好。

$('ul.minimal-products li').removeClass("with-headers");
$('ul.minimal-products li:visible:first').addClass("with-headers");

感谢您的帮助！

JQuery addClass到第一个可见的子节点

0 个答案: