Wie man N-te Zeile in der Tabelle mit spezifischen Klasse

Die unten ist, soll die N-te Zeile aus einer Tabelle mit den .graphedRow Klasse. Es funktioniert für die erste Zeile, aber die anderen nicht.

http://jsfiddle.net/hRpAw/

können Sie einige code auf der fiddle?
erledigt, siehe post
jetzt funktioniert es siehe auch
was meinst du? es funktioniert nicht

InformationsquelleAutor Jonah | 2011-03-01

  1. 4

    Versuchen Sie es mit .eq() statt.

    $('#someTable tbody .graphedRow').eq(pointIndex+1).css('background-color', '#FEFF9F');

    Obwohl es sollte darauf hingewiesen werden, dass eq() startet von 0 für index.

    Habe ein bisschen testen in Firebug.

    :nth-child ist etwas schneller als .eq() in diesem Fall. (Hundertstel ms schneller)

    Auch :nth-child war in Ordnung arbeiten, aber es baut seinen index auf alle Kinder #someTable tbody. Es gibt nur diejenigen, die mit der Klasse .graphedRow.

    So suchen Ihre JSFiddle, Sie haben 6 <tr> innerhalb <tbody> drei von denen haben die Klasse .graphedRow (das wäre das 1., 4. und 6.<tr>) So :nth-child(1), :nth-child(4), :nth-child(6), würden Sie diese.

    :nth-child's index noch erhöht durch die anderen Kinder #someTable tbody (die Anderen <tr>, die haben nicht die Klasse)

    Wo-wie .eq()'s index basiert auf jedoch viele Instanzen von .graphedRow erscheinen innerhalb #someTable tbody

    Dieser funktioniert! aber ist es nicht langsamer? Auch bin ich neugierig, warum :nth-child() funktioniert nicht
    Wenn ich mich Recht erinnere, das N-te Kind zählt alle Kinder, wo-wie eq zählt nur der Selektor (in diesem Fall .graphedRow, das ist ein Nachkomme von tbody, das ist ein Nachkomme von #someTable) - Also ich glaube eq ist schneller, da es nur wirklich sucht .graphedRow.

    InformationsquelleAutor DaiYoukai

  2. 2

    verwenden 

    $('#someTable tbody > tr:nth-child('+index+')').css('background-color', '#FEFF9F')
    Ich glaube nicht, dass Sie Lesen die Frage, brauche ich die N-te Zeile mit einer bestimmten Klasse
    es gibt zwei verschiedene Bedingung, ob u finde N-te Kind oder mit bestimmter class????
    beide. Ich benötige die N-te Zeile hat eine bestimmte Klasse. Einige Zeilen sind in einer bestimmten Klasse, und einige sind nicht.. ich brauche die N-te Zeile, dass ist in dieser Klasse

    InformationsquelleAutor diEcho

Schreibe einen Kommentar