jQuery選擇下一個iframe

Question

HTML代碼

<div style="width: 1000px;margin: auto" class="cf"> 
<div class="bo" data-href="../../link1">click</div>
<div class="bo" data-href="../../link2">click 2</div>
<div class="bo" data-href="../../link3">click 3</div>
<iframe class='iframe hd' scrolling='no' frameborder='0'></iframe>

<div class="bo" data-href="../../link1">click</div>
<div class="bo" data-href="../../link2">click 2</div>
<div class="bo" data-href="../../link3">click 3</div>
<iframe class='iframe hd' scrolling='no' frameborder='0'></iframe>

<div class="bo" data-href="../../link1">click</div>
<div class="bo" data-href="../../link2">click 2</div>
<iframe class='iframe hd' scrolling='no' frameborder='0'></iframe>

我嘗試當我單擊任何div時，下一個iframe僅刪除hd類，並且僅單擊此特定div的下一個iframe

我已經測試了這個選擇器

$(".iframe:first")

不工作

謝謝

Answer 1

試試看-http://jsfiddle.net/aa8yK/

$("div").on("click", function() {
    var iframes = $(this).nextAll("iframe");
    iframes.eq(0).removeClass("hd");
});​

Answer 2

這里的技巧是確保僅選擇下一個iframe，而不是選擇所有iframe兄弟（后者很簡單-您可以使用nextAll() ）。

嘗試這個

$('div').on('click', function() {               
    $(this).next('iframe').add($(this).nextUntil('iframe').next()).removeClass('hd');
});

[編輯]-一種簡單得多的方法，可以對@Zoltan的答案進行修改

$(this).nextAll('iframe:eq(0)').removeClass('hd');