Javascript 通过传递id值隐藏所有div

我在javascript中通过id传递一个值，如果它得到id，它必须隐藏li，但问题是它只隐藏第一个li，第二个li仍然显示

$（函数（）{
$（“#0”）.hide（）；
});












每个元素的Id都是唯一的。尝试在隐藏多个html元素时使用类。您的代码如下所示，HTML：

<li class="treeview 0">
              <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 class="treeview 0">
              <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() {
  $(".0").hide();
});

试试这个


$（函数（）{
$（“li”）。每个功能（索引，项目）{
var li=$（项目）；
如果（li.attr（'id'）=“0”）
li.hide（）；
});
});












您不应多次使用具有相同值的
id
属性。相反，您可以使用
class
属性

错误代码：

<div id="my-div">Hello, World A</div>
<div id="my-div">Hello, World B</div>

<div class="my-div">Hello, World A</div>
<div class="my-div">Hello, World B</div>


你好，世界A
您好，World B使用一个对所有需要隐藏的元素都通用的类，如下所示：


函数hideLi（）{
$（“.treeview”）.hide（）；
};













隐藏
如其他人所述，不要使用重复的ID

但如果没有其他方法，则获取所有
LI
元素，然后过滤带有
#0
的元素并隐藏它们：

$(function() {
  $("li").filter("#0").hide();
});


$（“li”）.attr（“id”，“0”）.hide（）也可以。或者在这种情况下可以使用包含当前元素的类，例如
最近的（）
。
使用类来隐藏唯一的Id，而不是使用类。每个元素可以有一个唯一的Id。不能有多个ID相同的元素，但我必须隐藏ID为0的所有li