Finden Sie ein Kind mit einer bestimmten Klasse

Lesezeit: 2 Minuten

Carolines Benutzeravatar
Caroline

Ich versuche, Code zu schreiben, um alle Kinder nach einem div zu durchsuchen, das eine bestimmte Klasse hat. Die DIV hat keine ID. Hier ist das HTML, das ich verwenden werde.

<div class="outerBUBGDiv">
<div class="innerBUBGDiv">
<div class="bgHeaderH2">Technology Group</div>
<div class="bgBodyDiv">
<div align="center">
<img height="33" border="0" width="180" src="/heading.jpg"/>
  /////other stuff here/////
</div>
</div>
</div>

Wie bekomme ich den Text innerhalb des div mit der Klasse bgHeaderH2?

  • Entschuldigung, ich habe das nicht richtig erklärt. mein $(this) ist der Elternteil aller oben genannten Kinder, ein äußeres div. Ich muss herausfinden, welches der Kinder eine Klasse von bgHeaderH2 hat. Also muss ich $(this).etwas tun

    – Caroline

    3. Dezember 2009 um 12:09 Uhr

  • Siehe meine überarbeitete Antwort unten …

    – Ryan

    3. Dezember 2009 um 12:34 Uhr

Ryans Benutzeravatar
Ryan

$(this).find(".bgHeaderH2").html();

oder

$(this).find(".bgHeaderH2").text();

  • Danke für das Update Ryan, das funktioniert genauso wie der andere Vorschlag von Jan.

    – Caroline

    3. Dezember 2009 um 12:38 Uhr

Benutzeravatar von Jan Hančič
Jan Hancic

Ändern Sie dies basierend auf Ihrem Kommentar:

$( '.bgHeaderH2' ).html (); // will return whatever is inside the DIV

zu:

$( '.bgHeaderH2', $( this ) ).html (); // will return whatever is inside the DIV

Mehr über Selektoren: https://api.jquery.com/category/selectors/

  • Sie sollten immer einen Klassenselektor verwenden, also ‘div.bgHeaderH2’ oder es wird eine Leistungseinbuße geben componenthouse.com/article-19

    – David Anderson

    3. Dezember 2009 um 12:58 Uhr

  • @Dave: toller Tipp! daran habe ich beim schreiben gar nicht gedacht 🙂

    – Jan Hancic

    3. Dezember 2009 um 13:11 Uhr

  • Diese Antwort lautet wirklich “Finde jedes Element auf der Seite mit einer bestimmten Klasse”. Ryans Antwort ist besser geeignet für das Problem, die Kinder eines bestimmten div mit einer bestimmten Klasse zu finden.

    – Ryan Shea

    16. Juli 2013 um 16:56 Uhr


  • @DaveAnderson Ihr Link ist defekt und ich interessiere mich dafür, warum es ein Performance-Hit ist

    – Camdixon

    12. August 2017 um 17:26 Uhr

  • @camdixon hier ist dieser Artikel componenthouse.com/tag/jquery aber seit meinem Kommentar vor über 7 Jahren hat sich viel geändert und die Selektoren wurden gut optimiert. Hier sind ein paar Links zum Auschecken, die stattdessen aktueller sind; Selektor für beste Leistung in jQuery, Selektoren optimieren

    – David Anderson

    13. August 2017 um 23:15 Uhr

Ich bin mir nicht sicher, ob ich Ihre Frage richtig verstehe, aber es sollte keine Rolle spielen, ob dieses Div ein Kind eines anderen Div ist. Sie können einfach Text von allen divs mit der Klasse bgHeaderH2 abrufen, indem Sie den folgenden Code verwenden:

$(".bgHeaderH2").text();

1438250cookie-checkFinden Sie ein Kind mit einer bestimmten Klasse

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy