Erste Kind-element ein child-element des parent mit ID

Ich brauche, um das Kind dem Kind des Kindes eines Elements mit der id = "part1" mit javascript. Also im Grunde genommen, möchte ich die 3. Zeile der 3. Tabelle das span-element, aber ich kann nicht scheinen, um es zu arbeiten 🙁

<span id = "part1">
<table> </table>
<table> </table>
<table>
    <tr> ... </tr> 
    <tr> ... </tr> 
    <tr> ... </tr> (get this row)
</table>
</span>

InformationsquelleAutor Alpotato | 2013-09-19

  1. 18

    Nicht-jQuery-Lösung

    var span = document.getElementById('part1');
var row = span.getElementsByTagName('table')[2].childNodes[2];

    jQuery-Lösung

    Mit :eq selector:

    var $row = $('#part1 > table:eq(2) > tr:eq(2)');

    Mit :nth-child selector:

    var $row = $('#part1 > table:nth-child(3) > tr:nth-child(3)');

    :eq und :nth-child Selektoren, selektiert alle Elemente, die das N-te Kind Ihrer Eltern. Allerdings :eq folgt "0-indiziert" zählen und nth-child folgt "1-indiziert".

    Sich bewusst sein, dass :eq und nth:child Selektoren funktionieren anders. In diesem Fall würde das gleiche tun, weil Sie nur table Elemente innerhalb span#part1.

    Aus der jQuery-Dokumentation:

    Dem :nth-child(n) pseudo-Klasse ist leicht zu verwechseln mit :eq(n), auch
    obwohl die beiden können in der Folge zu erheblich unterschiedlichen aufeinander abgestimmten Elementen.
    Mit :nth-child(n), alle Kinder gelten, unabhängig davon, was Sie
    sind, und das angegebene element ist nur aktiviert, wenn Sie mit der
    Wahlschalter angebracht, um die pseudo-Klasse. Mit :eq(n) nur den Selektor
    anbei der pseudo-Klasse gezählt wird, nicht nur die Kinder von
    jedes andere element, und die (n+1) - te (n ist 0-basiert) ausgewählt ist.

    Referenz:

    :nth-child () - Selektor

    Vielen Dank - konnte Sie nur noch schnell erklären, die Verwendung der eq - nur, um Ihre Antwort in den richtigen Kontext für mich 🙂
    Ich fügte hinzu, mehr Hinweise darüber. Siehe aktualisierte Antwort.
    Danke 🙂 ich habe gerade laufen in einen Fehler mit meiner JQUERY-Bibliothek nicht die Verlinkung auf meine Seite - also werde ich loslegen auf, dass
    Ich sah gerade deinen Kommentar 🙂 vielen Dank! Wenn ich am Ende gehen wollte eine weitere Ebene tiefer in Bezug auf die Kind-Knoten würde ich sagen "Zeile.childNodes[#]" ?
    Nicht-Jquery-one-liner: var Zeile = document.querySelector('#part1 > table:nth-child(3) > tr:nth-child(3)')

    InformationsquelleAutor letiagoalves

  2. 2

    versuchen, diese 

    this.parentNode().getElementsByTagName("table")[2].childNodes[2];

    InformationsquelleAutor Praind

  3. 0

    Ich lieber mit .find() eher als die sizzle engine. So etwas wie dieses:

    var TheThirdRow = $('#part1').find('table')
                             .eq(2)
                             .find('tr')
                             .eq(2);
    gibt es einen Grund für Ihre Präferenz? Ich finde() effizienter?
    ja, jederzeit, wenn Sie haben einen Ausdruck $(SomeSelector) es muss evaluiert werden, Brutzeln Motor zunächst so, dass jQuery-weiß, welches element, mit zu arbeiten. Wenn Sie beginnen mit einem element mit einer ID in den Selektor $('#SomeID'), er springt alle anfänglichen Berechnung und perf-tests zeigen, dass.

    InformationsquelleAutor frenchie

Schreibe einen Kommentar