JQuery selectors

[gboehm]

Moin zusammen,

ich steh' gerade tierisch aufm Schlauch.

Ich möchte den Konfigurator ein bisschen umbauen. Nachfolgend ist die Struktur einer Konfiggruppe (items habe ich der Einfachheit halber weggelassen):

[FONT=courier new]<div class="config_group">[/FONT]
[FONT=courier new]    <div class="img">[/FONT]
[FONT=courier new]        <img id="img7" alt="Farbe" src="bilder/produkte/klein/Sonnenschein.jpg"> <-------------[/FONT]
[FONT=courier new]    </div>                                                                                    |[/FONT]
[FONT=courier new]    <div class="group">                                                                       |[/FONT]
[FONT=courier new]        <p class="title">                                                                     |[/FONT]
[FONT=courier new]            Motivgruppe: Garnfarbe >-----------------------------------------------------------[/FONT]
[FONT=courier new]            <em>*</em>[/FONT]
[FONT=courier new]        </p>[/FONT]
[FONT=courier new]        <p class="desc">Bitte wählen Sie die Garnfarbe</p>[/FONT]
[FONT=courier new]        <div class="item_wrapper">[/FONT]
[FONT=courier new]        </div>[/FONT]
[FONT=courier new]    </div>[/FONT]
[FONT=courier new]</div>
[/FONT]

Wenn man auf den Title - hier "Motivgruppe: Garnfarbe" - klickt, möchte ich in der entsprechenden Funktion das dazugehörige Bild (hier: img7) per JQuery selektieren.
Ich glaube, dass ich fast alle Selektoren (prev, parent, ancestor) in allen möglichen Kombinationen ausprobiert habe. Nüscht hat mir das Bild selektiert.

Bin für jede noch so kleine Erleuchtung dankbar.

Gruss,

Guido

 

[david]

AW: JQuery selectors

".config_group img"
Wenn der Selektor nicht funktioniert, hast du irgendetwas anderes falsch, Link zum Shop + Konfi-Artikel würde dann helfen.

 

[gboehm]

AW: JQuery selectors

Hmm......

Würde ich mit ".config_group img" nicht alle Bilder selektieren? Ich muss aber nur das finden, welches zum entsprechende ".title" ghoert.

Müsste es dann nicht irgendwie mit $(this).prev() heißen? Ich muss mich doch vom title in der Hirarchie hoch hangeln.

Das ganze ist noch nirgendwo implementiert. Kann also noch keinen wirklichen Link geben. Aber zum prinzipiellen Vorhaben:
Ich habe mehrere Konfiggruppen mit Stickmustern, die sich der Kunde aussuchen kann. Da es insgesamt mehrere Dutzend sind wird die Seite ellenlang und unuebersichtlich.
Der folgende Artikel gibt ein Beispiel Hundehalstuch mit Namen
er hat nur eine sehr begrenzte Auswahl an Stickmotiven (Gruppe Bestickung). Andere würden wesentlich mehr haben.

Nun möchte ich diese Gruppen mit einem accordion Menü darstellen. Klickt er auf den Gruppentitel fahren die Items aus -alle anderen Gruppen fahren ein.
das mit den Items habe ich hinbekommen, jedoch bekomme ich es nicht hin, das jeweilige Bild aus der Gruppe zu selektieren. Folglich fährt es weder aus noch ein.

 

[david]

AW: JQuery selectors

wenn du schon in der onclick-Function vom title bist, dann müsste $(this).parents(".config_group").find("img") es tun. statt parents sollte es auch parent().parent() tun... alles ungetestet.

 

[gboehm]

AW: JQuery selectors

beides geht leider nicht, oder ich habe einen fatalen Denkfehler.

das ist die onclick function (abgewandelt von hier: http://jsfiddle.net/Ct52G/9/):

[FONT=courier new]  allPanels = $('.title_motiv').next().next().hide(); // hide all items
  allPictures = $('[id^=img_motiv]').hide(); // hide all related pictures

  $('.title_motiv').click(function() {
     allPanels.slideUp();
     allPictures.slideUp();
     $(this).next().next().slideDown(); //show selected items
     $(this).parent().parent().find("img_motiv").hide(); // show related image   <<<<<< hier klemmt's
     return false;
  });
}[/FONT]

<seufz>

 

[david]

AW: JQuery selectors

Hier ein ganz einfaches Beispiel, funktioniert problemlos:
[URL]http://jsfiddle.net/r8fbA/[/URL]

 

[gboehm]

AW: JQuery selectors

Perfekt!
Damit kann ich arbeiten.

Aller herzlichsten Dank!