jQuery und Tabelle, greifen Sie auf jede Zelle in der NTH-Spalte

Question

Nehmen wir an, ich habe Ihr grundlegendes Tabellenlayout (wie unten). Wie nehme ich jede NTH Zelle? Ich möchte im Grunde

So eine CSS-Klasse, um die Zellen in der Spalte N. hinzufügen, wenn ich alle Zellen in der Spalte 2 wollte, ich möchte ein jQuery obj haben, die die folgenden Zellen enthalten, die gekennzeichnet sind:

<table> 
    <tr class="trow"> 
     <td></td> 
     <td></td> <!-- included --> 
     <td></td> 
    </tr> 
    <tr class="trow"> 
     <td></td> 
     <td></td> <!-- included --> 
     <td></td> 
    </tr> 
    <tr class="trow"> 
     <td></td> 
     <td></td> <!-- included --> 
     <td></td> 
    </tr> 
</table> 

Answer 1

Versuchen Sie die jQuery nth Cell selector ... Muss da sein!

$("table tr td:nth-child(n)").addClass("MyGreatClass"); 

Answer 2

nth Selector

$('table>tbody>tr>td:nth-child(2)').addClass('someClass'); 

Answer 3

Es gibt viele Möglichkeiten, dies zu tun. Der beste Weg hängt davon ab, wie die Tabelle generiert wird und was Sie mit den Zellen in Javascript/JQuery machen werden.

Sie könnten eine ID für jede Zelle, so etwas wie "- col zell- Reihe" hinzufügen. Auf diese Weise können Sie beliebige Zellen über document.getElementByID() abrufen.