如何获取li的所有内容点击一个li？

问题描述：

我想要点击Li时，另一个Li显示ul宽度类“container-bar”。如何获取li的所有内容点击一个li？

<ul> 
    <li class="item-menu dropdown"> 

      <ul class="sub-menu">` 
       <li class="sub-item-menu"><a href="/Properteis  /PropertiesIndex"><span class="fa fa-file-text"></span>one-o</a></li> 
       <li class="sub-item-menu"><a href="/Properteis/PropertiesUnit"><span class="fa fa-pie-chart"></span>one-t</a></li> 
       <li class="sub-item-menu"><a href="/Properteis/PropertyCategories"><span class="fa fa-object-group"></span>one-th</a></li>     
      </ul> 
    </li> 
</ul>

你可以简单地通过使用得到所有李：变种李= $（ '礼'）; 但为什么你想要它？ –

例如：当我点击第二个李时，它应该显示在具有所有三个li类的容器栏的div中 –

答

当你点击一个李，你可以得到父母的孩子。

见jQuery，见parent和children

<script> 
 
    //On DOMContentLoaded 
 
    $(function() { 
 
     //On click on a <li> 
 
     $('li').on('click', function() { 
 
      //Get every li in the parent ul 
 
      var allLi = $(this).parent().children("li"); 
 
     }); 
 
    }); 
 
</script>

如何获取li的所有内容点击一个li？

相关推荐