我在javascript中通过id传递一个值,如果它获得id,它必须隐藏li但问题是它只隐藏第一个li第二个li仍然显示
$(function() {
$("#0").hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="0" class="treeview">
<a href="#">
<i class="fa fa-files-o"></i>
<span>Header Options<i class="fa fa-angle-left pull-right"></i></span>
</a>
<ul class="treeview-menu">
<li><a href="addlogo.php"><i class="fa fa-circle-o"></i>Add logo</a></li>
<li><a href="addmenu.php"><i class="fa fa-circle-o"></i>Add Main Menu</a></li>
<li><a href="addslider.php"><i class="fa fa-circle-o"></i>Add slider img</a></li>
</ul>
</li>
<li id="0" class="treeview">
<a href="#">
<i class="fa fa-files-o"></i>
<span>Home Content<i class="fa fa-angle-left pull-right"></i></span>
</a>
<ul class="treeview-menu">
<li><a href="home_content.php"><i class="fa fa-circle-o"></i>Add
Content</a></li>
</ul>
</li>
那就试试这个。
$(function() {
$("li").each(function(index, item) {
var li = $(item);
if(li.attr('id') == "0")
li.hide();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="0" class="treeview">
<a href="#">
<i class="fa fa-files-o"></i>
<span>Header Options<i class="fa fa-angle-left pull-right"></i></span>
</a>
<ul class="treeview-menu">
<li><a href="addlogo.php"><i class="fa fa-circle-o"></i>Add logo</a></li>
<li><a href="addmenu.php"><i class="fa fa-circle-o"></i>Add Main Menu</a></li>
<li><a href="addslider.php"><i class="fa fa-circle-o"></i>Add slider img</a></li>
</ul>
</li>
<li id="0" class="treeview">
<a href="#">
<i class="fa fa-files-o"></i>
<span>Home Content<i class="fa fa-angle-left pull-right"></i></span>
</a>
<ul class="treeview-menu">
<li><a href="home_content.php"><i class="fa fa-circle-o"></i>Add
Content</a></li>
</ul>
</li>
更好的主意是使用data
属性。例子:
$(function() {
$("li[data-id='0']").hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li data-id="0" class="treeview">
<a href="#">
<i class="fa fa-files-o"></i>
<span>Header Options<i class="fa fa-angle-left pull-right"></i></span>
</a>
<ul class="treeview-menu">
<li><a href="addlogo.php"><i class="fa fa-circle-o"></i>Add logo</a></li>
<li><a href="addmenu.php"><i class="fa fa-circle-o"></i>Add Main Menu</a></li>
<li><a href="addslider.php"><i class="fa fa-circle-o"></i>Add slider img</a></li>
</ul>
</li>
<li data-id="0" class="treeview">
<a href="#">
<i class="fa fa-files-o"></i>
<span>Home Content<i class="fa fa-angle-left pull-right"></i></span>
</a>
<ul class="treeview-menu">
<li><a href="home_content.php"><i class="fa fa-circle-o"></i>Add
Content</a></li>
</ul>
</li>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句