目标节点的特定值 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 show/hide class "item" 的对象，但我正在努力定位它。任何想法表示赞赏

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

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

Answer 1

这些是你的可能性：

隐藏 class item

的所有元素

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

隐藏 class item 的所有子元素 #main-hold:

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

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

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

隐藏 class 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

Target specific value of a node with jQuery

jquery

targeting