Erste Attribut von einem übergeordneten Knoten

Ich versuche, mit 

$(this).parentNode.attr('data-element')

sollte return 0 - 5 string-aber es will einfach nicht funktionieren. Ich benutze es in einer Funktion wie dieser

$('.someClass').each(function(){
    $(this).html(SomeFunction('SomeString', $(this).parentNode.attr('data-element')));
});

Alle Elemente mit der Klasse "someClass" haben Sie einen parentNode

<li class="element" data-element: 1 (or any number from 0 to 5 (including))> </li>

und ich habe keine Ahnung, wo ist der Fehler. Was mache ich falsch?

--David

  • statt parentNode verwenden parent() von jQuery. parentNode ist von einfacher javascript und gilt nicht auf jQuery-Elemente
InformationsquelleAutor David Debnar | 2012-02-03
  1. 34

    Mischen Sie jQuery und plain javascript in der gleichen Zeile code, und das wird nicht funktionieren. Sie können entweder:

    $(this).parent().attr('data-element');   //jQuery

    oder

    this.parentNode.getAttribute("data-element");   //plain javascript

    parentNode ist nicht eine Eigenschaft, ein jQuery-Objekt, so dass Sie nicht mischen die beiden die Art und Weise Sie es Taten. Die jQuery-Methode für das erhalten die Eltern .parent().

    • Danke! Ich werde dieses flag als beantwortet in 10 Minuten!
    InformationsquelleAutor jfriend00
  2. 4

    Sollten Sie tun

     $(this).parent().attr('data-element')

    da kann man das auch nicht nennen attr() auf ein nicht jQuery-Objekt

    • Ich fand die Antwort einfach, nach der ich gefragt habe, aber danke für die Antwort trotzdem!
    InformationsquelleAutor Nicola Peluchetti
  3. 3

    Versuchen, dies zu tun, statt:

    $(this).parent().attr('data-element');

    Weitere Informationen zu den Funktionen wie .parent() finden Sie in der Querende Abschnitt der JQuery-Dokumentation:
    http://api.jquery.com/category/traversing/

    • Ich fand die Antwort einfach, nach der ich gefragt habe, aber danke für die Antwort trotzdem!
    InformationsquelleAutor Jon
  4. 3

    Mit jquery sollte es sein:

    $(this).parent().attr('data-element');

    Ohne die Verwendung von jquery wäre dies:

    this.parentNode.getAttribute("data-element")
    InformationsquelleAutor jerjer
  5. 1

    Bevorzuge ich:

    var item = $(this);

var parent = item.closest(".element"); //using the class for selection

//and then use parent.attr('data-element')
    InformationsquelleAutor David Castro
Schreibe einen Kommentar