jquery - 使用 jQuery 定位节点的特定值

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 显示/隐藏类“项目”的对象，但我正在努力定位它。任何想法表示赞赏

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

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

Answer 1

这些是您的可能性：

隐藏类的所有元素item

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

隐藏类item的所有子元素#main-hold：

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

隐藏类item的所有直接子元素#main-hold（这对您来说不是这种情况，但为了清楚起见想添加）：

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

隐藏 classitem的所有类型li且是 的子级的元素#main-hold：

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

Answer 2

据我了解，您不知何故知道项目的唯一 ID，您想隐藏...如果您的 html 总是这样 - 并且 id 是项目的子元素，您会这样做：

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

Answer 3

在这里，试试这个，希望对您有所帮助：

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

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