Wie manipuliere ich ein dom-Element auf der gleichen Ebene wie das aktuelle? - jQuery

Question

sagen, ich habe folgendes:

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

Was würde ich tun, ist, wenn die innerste <img> geklickt wird, habe ich eine Grenze zum äußersten <img> hinzufügen möchten. Wie mache ich das?

Ich habe alle anderen Code unten ... d. Ich würde so etwas wie:

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

Ich bin nur nicht sicher, welche Wähler/Funktion anstelle von $ (this) im obigen Code-Schnipsel zu setzen.

Answer 1

bearbeiten nach Update auf OP zu sehen:

$('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 Das ist, was ich suchte. Eine andere Möglichkeit, zur selben Lösung zu gelangen, aber die Arbeitsversion zu posten. ;-)

Answer 3

Ihr Code sieht correct.it div Grenze zum div addes wie, dass der aktuelle Artikel ist in dem Klick

ich gemacht Beispiel aus dem Code hier

http://jsfiddle.net/QzRUE/

let Sie mich wissen, wenn Sie etwas anderes

benötigen, wenn Sie für übergeordnete Element möchten, können Sie diese

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

tun