【问题标题】:Target specific value of a node with jQuery使用 jQuery 定位节点的特定值
【发布时间】:2015-03-23 22:51:43
【问题描述】:

好的,我基本上有以下一些动态生成的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 级别。

【问题讨论】:

  • 是要隐藏的li元素还是其中的a元素?如果lis 他们都有item这个类吗?
  • 嗨,是的,它们都是类项目,所以我认为唯一 ID 将是针对个人的最佳选择。隐藏其中的 a 元素就足够了。
  • 您指的是什么唯一 ID?为了响应 WHAT 事件,您想隐藏/显示单个 li.item 元素吗?您可能需要给我们提供比您给我们更多的代码......给我们一些上下文。
  • 对不起,所以从上面的 sn-p 中,如果你可以想象它继续像
  • ...
  • 有很多项目,每个项目的 a 元素这将与上述相同,但内容不同。上面的 id="12365" 对每个“项目”都是唯一的,所以我认为定位这将是一种显示/隐藏特定项目的简单方法。抱歉,我想显示隐藏这些特定项目的按钮点击是为了响应我目前可以成功捕获的点击。

标签: jquery targeting


【解决方案1】:

这些是你的可能性:

隐藏类item的所有元素

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

隐藏类item的所有元素,它们是#main-hold的子元素:

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

隐藏item 类的所有元素,这些元素是#main-holdDIRECT 子级(对您而言并非如此,但为了清楚起见想添加):

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

隐藏 item 类中所有类型为 li 并且是 #main-hold 子级的元素:

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

【讨论】:

    【解决方案2】:

    在这里,试试这个,希望对你有帮助:

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

    【讨论】:

      【解决方案3】:

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

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

      【讨论】:

        猜你喜欢
        相关资源
        最近更新 更多
        热门标签