Question

所以我试图根据“页面”处于活动状态（一个更改的数字）显示/隐藏div类。所以我有一个动态的页面数，由publication.realpages.length表示，我有相同数量的主/子/目标div。我想在每个单独的位置显示目标类，具体取决于我们的页面

所以我的html总是

 <div id="main">
    <div id="sub">
       <div class="target"></div>
   </div>
 </div>


  <div id="main2">
    <div id="sub2">
       <div class="target"></div>
   </div>
 </div>

我目前的javascript是

    publication.on('page', function(page) {
    var currpage = page.realIndex + 1
    var pubpage = publication.realPages.length
    if (currpage == 1) {
    (".target").show();
    };
   });

我尝试过使用for( i = 0, i >= pubpage, i++);，但我不知道如何在每个目标之后单独出现。

currpage = current active page
pubpage = total number of pages

我基本上正在寻找一种方法来同一个班级，但是有不同的父母。另外一种方法，我不必为每个页面写currpage === 1，currpage === 2等。

Answer 1

如果您有 currpage ，您可能希望这样做（quick fiddle）：

var mainId = "#main" + currpage;
var subId = "#sub" + currpage;
var accessor = mainId + " " + subId + " .target";
$(accessor).show();

使用基于更改数字的javascript显示/隐藏嵌套在不同div中的相同div类

1 个答案: