Javascript jQuery next（）在何处使用它

当我点击链接时，我有以下功能来加载iFrames内容

我正在尝试实现.next方法，一次加载一个iFrame，而不是全部加载

$('.toggle-next-div').click(function () {
var iframe = $(this).next('.myiFrame');
iframe.attr("src", iframe.data("src"));
});

HTML

标题
标题
//等等。。。

---

next（）方法在我的html中不起作用，因此我需要此html代码的替代解决方案。next选择所选元素的下一个兄弟元素，即

。slidingDiv

元素（如果它与指定的选择器匹配），您可以使用

。find（）

和

。next（）

方法：

var iframe = $(this).next('.slidingDiv').find('.myiFrame');

$(this).nextAll('.slidingDiv').find('.myiFrame').attr('src', function(){
   return $(this).data('src');
});

如果要选择所有下一个同级

.slidingDiv

元素的所有

.myiFrame

子元素，则可以使用

.slids（）

或

.nextAll（）

方法：

var iframe = $(this).next('.slidingDiv').find('.myiFrame');

$(this).nextAll('.slidingDiv').find('.myiFrame').attr('src', function(){
   return $(this).data('src');
});

---

.next

选择所选元素的下一个兄弟元素，即

.slidingDiv

元素（如果它与指定的选择器匹配），您可以使用

.find（）

和

.next（）

方法：

var iframe = $(this).next('.slidingDiv').find('.myiFrame');

$(this).nextAll('.slidingDiv').find('.myiFrame').attr('src', function(){
   return $(this).data('src');
});

如果要选择所有下一个同级

.slidingDiv

元素的所有

.myiFrame

子元素，则可以使用

.slids（）

或

.nextAll（）

方法：

var iframe = $(this).next('.slidingDiv').find('.myiFrame');

$(this).nextAll('.slidingDiv').find('.myiFrame').attr('src', function(){
   return $(this).data('src');
});

---

看起来这就是你想要的

HTML:

---

看起来这就是你想要的

HTML:

---

我想你在找

.sibbins（）

。我已经用.sibbins（）更新了。你可以看一下吗？它似乎不起作用。我想你在找

.sibbins（）

。我已经用.sibbins（）更新了。你可以看一下吗？这似乎不起作用。注意，下一步不应该包含选择器，应该在之后运行“.find”以转到子元素。另外-您的yahoo url需要一个协议（最好是检测非交叉源url，但我假设您没有保留yahoo，它的“X-Frame-Options”设置为“SAMEORIGIN”，不允许您的iframe显示）。请注意，您的下一个url不应包含选择器，您应该在返回子元素后运行“.find”。另外，你的雅虎url需要一个协议（最好是检测非跨源url，但我假设你没有保留雅虎，它的“X-Frame-Options”设置为“SAMEORIGIN”，不允许你的iframe显示它）。