Comment manipuler un élément dom au même niveau que celui en cours? - jQuery

Question

Dire que j'ai les suivantes:

<ul> 
    <li><img src='test.png'>  
     <div id=parentDiv> 
      <div><img='click-me-icon.png'></div> 
     </div> 
    </li> 
</ul> 

Ce que je voudrais faire, est lorsque le <img> le plus intérieur est cliquée, je veux ajouter une bordure à la <img> extérieure. Comment je fais ça?

J'ai tous les autres codes vers le bas ... c'est-à-dire. Je ferais quelque chose comme:

$('ul li div div img').click(function() { 
    $(this).css({ 'border' : '1px solid green' }); 
}); 

Je ne suis pas sûr de ce sélecteur/fonction de mettre en place de $ (ce) dans l'extrait de code ci-dessus.

Answer 1

Modifier après avoir vu mise à jour OP:

$('ul li div div img').click(function() { 
    $(this).parents("li").children("img").css({ 'border' : '1px solid green' }); 
}); 

Answer 2

$('ul li div div img').click(function() { 
    $('img:eq(0)',$(this).closest('li')).css({ 'border' : '1px solid green' }); 
}); 

EDITv3 C'est ce que je cherchais. Une façon différente d'arriver à la même solution, mais je voulais publier la version de travail. ;-)

Answer 3

votre code ressemble correct.it ADDES frontière div à la div comme, qui est l'élément en cours dans le clic

J'ai fait par exemple à partir de votre code ici

http://jsfiddle.net/QzRUE/

let moi savoir si vous avez besoin d'autre chose

si vous voulez pour l'élément de parent, vous pouvez le faire

$(this).parent().css({ 'border' : '1px solid green' });