jQuery hide li tag

Question

我喜欢这样的HTML。我只希望显示第一个li代码，并且不希望显示范围。如何用jquery做到这一点？

   <div id="div1">
      <ul class="class2">
         <li class="class3"><span class="sfBreadcrumbNodeSeparator">/</span> </li> 
         <li class="class3"> </li> 
         <li class="class3"> </li> 
      </ul>
   </div>

Answer 1

$('.class2 li').not(':first').hide();会隐藏除第一个列表项以外的所有项目，$('.class2 li:first span').hide();将隐藏范围。请参阅http://jsfiddle.net/jhfrench/agga6/4/。

或者您可以使用$('.class2 li:not(":first")' || '.class2 li:first span').hide();在一行中完成所有操作。见http://jsfiddle.net/jhfrench/agga6/5/

Answer 2

如果你只想隐藏跨度，你可以

$('.sfBreadcrumbNodeSeparator').hide()

或在标记​​中给它一个id值，并根据id值进行选择。

Answer 3

您好，您可以使用此功能。

$('.sfBreadcrumbNodeSeparator').hide();

或者这是ul的第一个li

 $('.class2 li:first span').hide();

Answer 4

您可以尝试：

<script>
$('div#div1 ul li:first-child span').hide();   
</script>