jquery select the next iframe
===

html code

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

I try when i click on any div, the next iframe remove hd class
just and only the next iframe for this specific div i clicked on it

I've tested this selector

$(".iframe:first")

not working

thanx