【问题标题】:Javascript/Jquery get all child divs that do not have a certain id and change display to noneJavascript/Jquery 获取所有没有特定 id 的子 div 并将显示更改为无
【发布时间】:2013-12-28 03:46:42
【问题描述】:

我有以下 div,当第一个 div 更改时,第二个 div 中的相应 div id 的显示属性从 none 更改为 block,因为它们都以 none 开头。

第一个分区

<div class="carousel">
   <div class="item active" id="ZS125-48A">...</div>
   <div class="item" id="FFKG-34">...</div>
   <div class="item" id="DSSS-56">...</div>
   <div class="item" id="ZSFD-48A">...</div>
</div>

第二格

<section class="contentBikeTabbedMenus">
   <div id="ZS125-48ATab" class="active" style=" display: block;">...</div>
   <div id="FFKG-34Tab" class="" style=" display: block;">...</div>
   <div id="DSSS-56Tab" class="" style=" display: block;">...</div>
   <div id="ZSFD-48ATab" class="" style=" display: block;">...</div>
</section>

因此变量 tabId1 具有第一个活动 div 的 id,它会找到具有相同名称但附加了单词“Tab”的第二个 div。然后它会更改其显示属性并添加活动类。

if($(tabId1).css('display') != 'block') {
    $(tabId1).css("display", "block").addClass('active');
}

我该如何工作,以便在此之后,如果 &lt;section class="contentBikeTabbedMenus"&gt; 下的所有 div 在变量 tabId1 中没有 id,我可以将它们的 css 从显示块更改为无。

【问题讨论】:

  • @Vogel612 他们是,他使用Tab后缀
  • id 是,第二个 div 的 id 附加了单词“Tab”。因为我有 div 的当前 id,是否可以找到所有不具有此 id a 的 div 并更改显示属性,谢谢

标签: javascript jquery


【解决方案1】:

先将它们全部隐藏然后只显示选定的 div 怎么样?

$(".contentBikeTabbedMenus div").removeClass("active").hide();    
if($(tabId1).css('display') != 'block') {
    $(tabId1).css("display", "block").addClass('active');
}

【讨论】:

  • 提示:.is(':hidden')
【解决方案2】:
if( ! $(tabId1).is(':visible') ) {
    $('.contentBikeTabbedMenus').hide()
    $(tabId1).show().addClass('active');
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-06-09
    • 1970-01-01
    • 1970-01-01
    • 2021-09-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多