Kann nicht text/innerHTML des h1-Elements im DOM

Ich bin versucht zu Holen, der text von zwei h1-Elemente, aber meine Methoden immer wieder "Undefined", wenn Sie ausgeführt wurden. Hier ist das erste h1-element

<div id="product-details" class="floatLeft">
  <h1 class="productTitle">Krista Sued Coat</h1>
</div>

mein code für das abrufen dieser Inhalte

var productName = $('#window').contents().find('h1.productTitle').innerHTML;

Das zweite h1-element

<div class="product-title-wrap">
  <h1 class="product-title font-alpha">
    <span itemprop="name">



            Bliss Firm, Baby, Firm!


        </span>
  </h1>
</div>

mein code für das abrufen dieser Inhalte

var brandName = $('#window').contents().find('.product-title font-alpha span').innerHTML;

diese beiden return "Undefined" jedes mal. Ich versuche schon seit Stunden um dieses Problem zu lösen und nichts funktioniert. Wenn jemand eine Antwort, ich wäre wirklich dankbar, wenn könnten Sie auch erklären, wie Ihre Methode funktioniert, da ich noch neu bin jquery und versuchen, eine Menge zu lernen.

Dank!

  • jQuery find() gibt ein jQuery-Objekt enthält eine Sammlung von Zeigern auf das DOM-element(s) nicht das DOM-Element selbst. Verwenden .html() für jQuery-Objekte und - .innerHTML für DOM-Elemente.
  • Warum gibt es einen downvote? Wenn es ein problem gibt bitte erklären, so in den Kommentaren. Ich will nicht gebannt von Fragen zu stellen.
InformationsquelleAutor user2028856 | 2013-03-06
  1. 5

    Sind Sie mit jQuery Objekt nicht DOM Objekt. innerHTML ist-Eigenschaft des DOM-Objekts, und Sie versuchen, es mit jQuery-Objekt.

    Ändern

    var productName = $('#window').contents().find('h1.productTitle').innerHTML;

    Zu

    var productName = $('#window').contents().find('h1.productTitle')[0].innerHTML; //With javascript

    oder 

    var productName = $('#window').contents().find('h1.productTitle').html(); //With jQuery
    • Oder benutzen Sie einfach das .html() jQuery-Methode.
    • Ja @Shurdoof, aktualisiert.
    • Dies funktioniert für die h1.producTitle element, aber nicht Arbeit für die .Produkt-title font-alpha-span Inhalte, bekomme ich Uncaught TypeError: Cannot call method 'html' undefined
    • Ich denke .product-title font-alpha span sollte .product-title.font-alpha span
    • Versuchen Sie es mit .Produkt-Titel.font-alpha statt .Produkt-title font-alpha
    • vielen Dank das funktioniert! Aber könnten Sie bitte erklären, warum das funktioniert, obwohl? Ich dachte immer, Sie deklarieren Sie Klassen/id/tags in jquery die gleiche Weise wie in CSS. Warum ist die Verkettung der beiden zusammen mit einem . dass es funktioniert? Nochmals vielen Dank
    • .Produkt-title font-alpha heißt, Sie suchen nach tag-Namen-schriftart-alpha innerhalb Elternteil mit Klasse Produkt-Titel

    InformationsquelleAutor Adil
  2. 5

    Können Sie mithilfe des html-Methode von jQuery:

    var productName = $('#window').contents().find('h1.productTitle').html()
    • was ist der Unterschied zwischen .text() .innerHTML und .html() in diesem Fall Holen Sie den text innerhalb der tags? Dank
    • text können Sie nur-text-Inhalt des Elements durch entfernen der html-tags innerhalb. html() und innerHTML gibt das gleiche Ergebnis. innerHTML ist nativ, html-Methode von jQuery.
    InformationsquelleAutor Murat Çorlu
Schreibe einen Kommentar