jQuery Tree Traverser pour sélectionner le div suivant

Question

Vous cherchez un moyen d'accomplir remplir une div avec jQuery, traverser .. que je ne suis pas bon.

Mon code a une série de 6 cases, puis une boîte de contenu .. 6 autres boîtes et une boîte de contenu comme ceci:

<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='content'></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='box'><img src='x' /></div> 
<div class='content'></div> 

Ce que je cherche est quand quelqu'un clique sur l'image - il remplit le prochain .content div uniquement.

Merci d'avance.

=== Pour Hugo .. Le plus proche je suis arrivé, ce qui évidemment toutes les remplit des boîtes de contenu est:

$(".box img").click(function(){ 
       $(this).parent().parent().find(".content").html("X"); 
      }); 

Answer 1

$('.box img').click(function(){ 
    $(this).parent().nextAll('.content').first().text('...'); 
}) 

Answer 2

$('img').click(function() { 
    var $nextdiv = $(this).parent().nextUntil('.content').addBack().last().next(); 
    // do something with it 
}); 

http://jsfiddle.net/mblase75/gRKfa/

http://api.jquery.com/nextUntil

(.nextAll().first() est plutôt moins compliqué, cependant.)

Answer 3

Vous devez utiliser le traversal functions approprié pour cela. La "meilleure" version dépend de votre balisage et de la stabilité relative de ses différentes pièces, mais pour l'instant, travaillons simplement avec le HTML que vous donnez.

A partir de <img>, vous souhaitez passer à .box parent, puis recherchez le .content suivant. Traduire à jQuery:

$(this).parent().nextAll(".content").first()