Javascript 基于jqueryeq的div隐藏

使用JavaScript或Jquery，我想隐藏包含内容的div（想要去掉这个div）。因此，目标是第一个列表项中的第四个div，以及第三个列表项中的第四个div。下面是我的代码。谢谢你的帮助

<ul id="category-nav-list" class="list-unstyled no-margin">   
                    <li class="dropdown-submenu menu l1">
                    <div class="department-flyout-categories row">
                        <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test (want to get rid of this column)
                         </div>
                     </div>
                     </li>
                     <li class="dropdown-submenu menu l1">
                    <div class="department-flyout-categories row">
                        <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                     </div>
                     </li>
                     <li class="dropdown-submenu menu l1">
                    <div class="department-flyout-categories row">
                        <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test
                         </div>
                         <div class="menu-column col-sm-4 col-md-3">
                                test (want to get rid of this column)
                         </div>
                     </div>
                     </li>
                     </ul>

---

我会给它们一个类名，然后用这种方式隐藏它。不确定您需要如何使用它。

我只需要给它们一个类名，然后以这种方式隐藏它。不确定您需要如何使用它。

这对您有用吗？您说过希望div隐藏在第一个项（零索引）和第三个项（第二个索引）的内部，所以我假设这个模式会重复，您会选择甚至索引的元素。我还使用了

nth child

而不是

eq

。这是我的答案

$（文档）.ready（函数（）{
$（“.department弹出型按钮类别：偶数。菜单列：第n个子项（4）”）.hide（）；
})

测试
测试
测试
测试（要删除此列）


测试
测试
测试
测试


测试
测试
测试
测试（要删除此列）

这对您有用吗？您说过希望div隐藏在第一个项（零索引）和第三个项（第二个索引）的内部，所以我假设这个模式会重复，您会选择甚至索引的元素。我还使用了

nth child

而不是

eq

。这是我的答案

$（文档）.ready（函数（）{
$（“.department弹出型按钮类别：偶数。菜单列：第n个子项（4）”）.hide（）；
})

测试
测试
测试
测试（要删除此列）


测试
测试
测试
测试


测试
测试
测试
测试（要删除此列）

您可以利用：

• ：在您的情况下，这将允许您选择第一个和最后一个部门弹出式目录
• 要选择每个部门弹出式按钮类别的最后一个子项

$（'#类别导航列表.下拉子菜单div:even div:last child'）.hide（）；
$（“#类别导航列表。下拉子菜单div:偶数div:last child”）。每个（函数（idx，ele）{
console.log（idx+'：'+ele.textContent.trim（））
});



测试
测试
测试
测试（要删除此列）


测试
测试
测试
测试


测试
测试
测试
测试（要删除此列）
$('something something something .department-flyout-categories .menu-column').eq(4).hide();

$('.menu-column.col-sm-4.col-md-3').each(function(i, obj) {
   if($(this).html().indexOf("want to get rid of this column") >= 0)
   {
       $(this).hide();
   }
});

    $('.menu-column.col-sm-4.col-md-3').each(function(i, obj) {
if($(this).html().indexOf("want to get rid of this column") >= 0)
{
   $(this).hide();
}
});