Question

好的，我基本上有以下场景和一些动态生成的html：

<div id = "main-hold">
    <ul class="main-class">
        <li class="item">
        <a tabindex="-50" title="Title 1" class="class aa" id="12365" href="#" target="">Learning outcomes<div class="end-icon"></div></a>

...

基本上我希望能够使用其中引用的唯一ID来显示/隐藏类“item”的对象，但我正在努力瞄准它。任何想法赞赏

$("#main-hold").hide();

成功隐藏所有内容，但我无法深入到ID级别。

Answer 1

这些是你的可能性：

隐藏班级item

的所有元素

$(".item").hide();

隐藏属于item的孩子的所有#main-hold元素：

$("#main-hold .item").hide();

隐藏item的 DIRECT 子类#main-hold的所有元素（这不是你的情况，但为了清晰起见，我想添加）：

$("#main-hold > .item").hide();

隐藏item类型li的所有元素，并且是#main-hold的孩子：

$("#main-hold li.item").hide();

Answer 2

据我了解，你以某种方式知道项目的唯一ID，你想隐藏...... 如果你的html总是这样 - 而id是item的子元素，你会这样做：

$("#theDesiredID").parent().hide();

Answer 3

在这里，试试这个，希望这个帮助：

$(document).ready(function() {
   $('.item #12365').hide();

   $('#main-hold').on('click','.item', function(){
      $('.item #12365').toggle();
   });
});

使用jQuery定位节点的特定值

3 个答案: