Question

我正在显示元素列表，并且它还包含子元素，所以当它不包含任何子元素时，我想从列表中删除元素的列表项。

这适用于运行MySQL 5，PHP 5和Apache 2的新Windows。

    <ul>
        <li class="main-list">food
           <ul>
                <li class="sub-list">Chinese</li>
                <li class="sub-list">Italian</li>
                <li class="sub-list">Continental</li>
           </ul>
        </li>
        <li class="main-list">Drinks</li>
    </ul>

$(document).ready(function(){
  //what should i write here to remove list item (li) dynamically from list whenever it doesn't have any sub element. });

如果要使用jquery没有主列表元素，我想删除主列表元素。

Answer 1

执行如下脚本，即可正常工作：-

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<ul>
        <li class="main-list">food
           <ul>
                <li class="sub-list">Chinese</li>
                <li class="sub-list">Italian</li>
                <li class="sub-list">Continental</li>
           </ul>
        </li>
        <li class="main-list">Drinks</li>
    </ul>
<script>
$(document).ready(function () {  
   $(".main-list").each(function() {
      if($(this).find('ul').has('li').length == 0){
        $(this).remove();
      }
  });
 });
 </script>

Answer 2

您可以像这样使用Jquery：

$("li.main-list:not(:has(ul))").remove();

准备好文档后可能需要调用它：

$(document).ready(function () {
     $("li.main-list:not(:has(ul))").remove();
});

如果列表项没有子列表或列表项，如何删除？

2 个答案: