Question

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

First Div

<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>

Second 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>

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

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

我怎么能这样做，以便在此之后，如果<section class="contentBikeTabbedMenus">下的所有div都没有变量tabId1中的id，我可以将它们的css从显示块更改为none。

Answer 1

如何首先隐藏它们然后只显示所选的div？

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

Answer 2

if( ! $(tabId1).is(':visible') ) {
    $('.contentBikeTabbedMenus').hide()
    $(tabId1).show().addClass('active');
}

Javascript / Jquery获取没有特定id的所有子div并将显示更改为none

2 个答案: