jQuery .Each other

[Padarom]

Hallo,
ich möchte mich, nachdem ich die Grundlagen von Javascript gelernt habe, etwas mit jQuery beschäftigen und teste dabei noch ein bisschen herum.
In meiner HTML-Seite existieren 3 Div's, die jeweils ein IMG-Element mit der Klasse "selector" beinhalten. Wenn auf dieses Imageelement geklickt wird, soll das Parent (also das Div) eine andere Hintergrundfarbe bekommen (später soll es sich bewegen und die Größe ändern). Die Sache ist aber, dass jeweils nur eines der Div's eine spezielle Hintergrundfarbe aufweisen soll. Daher habe ich versucht mit each zu arbeiten:

[COLOR=#4f76ac]<[/COLOR][COLOR=#823125]script[/COLOR] [COLOR=#cf4820]type[/COLOR][COLOR=#4f76ac]=[/COLOR][COLOR=#4f76ac]"text/javascript"[/COLOR][COLOR=#4f76ac]>[/COLOR]            
    $[COLOR=#1e7c70]([/COLOR]document[COLOR=#1e7c70])[/COLOR].ready[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]function[/COLOR] [COLOR=#1e7c70]()[/COLOR] [COLOR=#1e7c70]{[/COLOR]                
        $[COLOR=#1e7c70]([/COLOR][COLOR=#823125]".sel"[/COLOR][COLOR=#1e7c70])[/COLOR].click[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]function[/COLOR] [COLOR=#1e7c70]()[/COLOR] [COLOR=#1e7c70]{[/COLOR]                   
[COLOR=#4f76ac]            if[/COLOR] [COLOR=#1e7c70]([/COLOR]$[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]this[/COLOR][COLOR=#1e7c70])[/COLOR].parent[COLOR=#1e7c70]()[/COLOR].hasClass[COLOR=#1e7c70]([/COLOR][COLOR=#823125]'active'[/COLOR][COLOR=#1e7c70]))[/COLOR] [COLOR=#1e7c70]{[/COLOR]                        
                $[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]this[/COLOR][COLOR=#1e7c70])[/COLOR].parent[COLOR=#1e7c70]()[/COLOR].removeClass[COLOR=#1e7c70]([/COLOR][COLOR=#823125]'active'[/COLOR][COLOR=#1e7c70]);[/COLOR]                    [COLOR=#1e7c70]
            }[/COLOR] [COLOR=#4f76ac]else[/COLOR] [COLOR=#1e7c70]{[/COLOR]                        
                $[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]this[/COLOR][COLOR=#1e7c70])[/COLOR].parent[COLOR=#1e7c70]()[/COLOR].addClass[COLOR=#1e7c70]([/COLOR][COLOR=#823125]'active'[/COLOR][COLOR=#1e7c70]);[/COLOR]                        
                $[COLOR=#1e7c70]([/COLOR][COLOR=#823125]".sel"[/COLOR][COLOR=#1e7c70])[/COLOR].each[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]function[/COLOR] [COLOR=#1e7c70]([/COLOR]i[COLOR=#1e7c70])[/COLOR] [COLOR=#1e7c70]{[/COLOR]                            
[COLOR=#4f76ac]                    if[/COLOR] [COLOR=#1e7c70](!([/COLOR]$[COLOR=#1e7c70]([/COLOR][COLOR=#823125]".sel"[/COLOR][COLOR=#1e7c70])[[/COLOR]i[COLOR=#1e7c70]][/COLOR].parent[COLOR=#1e7c70]()[/COLOR][i] [COLOR=#1e7c70]===[/COLOR] $[COLOR=#1e7c70]([/COLOR][COLOR=#4f76ac]this[/COLOR][COLOR=#1e7c70])[/COLOR].parent[COLOR=#1e7c70]()[[/COLOR][COLOR=#9b5f9b]0[/COLOR][COLOR=#1e7c70]]))[/COLOR] [COLOR=#4f76ac]this[/COLOR].parent[COLOR=#1e7c70]()[/COLOR].removeClass[COLOR=#1e7c70]([/COLOR][COLOR=#823125]'active'[/COLOR][COLOR=#1e7c70]);[/COLOR]                        [COLOR=#1e7c70]
                });[/COLOR]                    [COLOR=#1e7c70]
            }[/COLOR]                [COLOR=#1e7c70]
        });[/COLOR]            [COLOR=#1e7c70]
    });[/COLOR]         [COLOR=#4f76ac]
</[/COLOR][COLOR=#823125]script[/COLOR][COLOR=#4f76ac]>[/COLOR]

Die each-Funktion bringt mir aber leider absolut gar nichts. Ich würde gerne abfragen, ob das gerade durchlaufene Element gleich dem Element ist, welches angeklickt wurde. Also quasi eine ".eachOther"-Funktion.
Ich hoffe jemand kann mir dabei helfen. Das /[0] habe ich von einer anderen Seite, bei der das scheinbar stimmte.

Mit freundl. Grüßen
Padarom

 

[Tronjer]

Warum gibst du den drei Elementen nicht zusätzlich eine ID und reichst die per Funktionsparameter durch? Das wäre die einfachste Lösung.