jQuery如何将类添加到下一个iframe？

我有三个

iframe

元素，第一个元素是可见的，其他所有元素都有一个

display:none

样式。可见的类具有“可见”类。单击“下一步”按钮时，我希望显示下一个iframe，隐藏上一个iframe

因此，我尝试使用

addClass

和

removeClass

，但

addClass

似乎不起作用：

$(document).ready(function(){

  $("#next").click(function(){

    $(".visible").next().show();
    $(".visible").next().addClass("visible");
    $(".visible").hide();
    $(".visible").removeClass("visible");

  });

});

这些要素包括：

<iframe class="iframe visible" src="a.html" width="100%" scrolling="auto" frameborder="0"></iframe>
<iframe class="iframe" src="b.html" width="100%" scrolling="auto" frameborder="0"></iframe>
<iframe class="iframe" src="c.html" width="100%" scrolling="auto" frameborder="0"></iframe>

---

为什么

removeClass（）

起作用而

addClass（）

不起作用？

它起作用了！但是您可以使第一个和第二个iframe可见，然后隐藏它们并从它们中删除类

$(document).ready(function () {
    $("#next").click(function () {
        $('.visible').removeClass('visible').hide().next().show().addClass('visible');
    });
});

现在，您正在将类

.visible

添加到下一个元素，并在下一行隐藏该类的所有元素，请参见下面代码的注释版本

$(".visible").next().show();              // show the next one
$(".visible").next().addClass("visible"); // add .visible class to the next one
$(".visible").hide();         // -- > now you're hiding both the next and current
$(".visible").removeClass("visible");     // and then you're removing the class

---

这是您的实际HTML还是中间有元素/标记？您必须确定这里的

DOM遍历

！好的，这里必须返回jQuery集合选择器101@dollarvar其实很简单。首先找到一个元素，用它做一些事情（隐藏，添加类），然后用

next（）

选择器优化你的选择，并用该元素做一些事情。@BramVanroy嗯，我想知道集合

$（'.visible'）

的

.next（）

如何瞄准下一个

iframe

。但是，jQuery似乎是基于这里相同的HTML元素来选择下一个

同级
。尽管它可能会与这里使用可能多次出现的类相混淆，但这里的使用仅限于一个元素，因此，只有一个可能的下一个元素。@BramVanroy是的，但我想“嘿，没有下一个
。可见的
”；）