La sélection arbitraire des cellules dans un tableau par ligne et par colonne numéro

J'ai une grande table, et j'ai besoin d'être en mesure de sélectionner une cellule spécifique à l'aide de sa cellule/ligne de coordonnées.

Ce qui est la façon la plus élégante de le faire à l'aide de jQuery?

OriginalL'auteur Acorn | 2011-05-08

  1. 23

    C'est un cas où, je pense, à l'aide de JavaScript natif rend le code plus facile à comprendre:

    var table = $("#table")[0];
var cell = table.rows[1].cells[1]; //This is a DOM "TD" element
var $cell = $(cell); //Now it's a jQuery object.

    Notez que la sélection de la table élément fera rows inclure ces lignes dans votre thead (et tfoot). Ce que vous voulez probablement, c'est:

    var table = $("#table tbody")[0];
/* remaining code from above */

    Voici un exemple: http://jsfiddle.net/CgqQt/

    Il semble que vous pouvez le faire .rows().cells() sur jQuery objets. C'est dire que le résultat n'a pas un .css méthode. jsfiddle.net/CGrP9/1
    n'est pas un objet jQuery plus, c'est un élément du DOM (vous avez accédé le premier élément dans la liste des éléments qui correspondent) et à la suite des appels vers les DOM des propriétés (comme rows) sont également des éléments du DOM (qui est pourquoi ils n'ont pas un css méthode). Check this out: jsfiddle.net/STLSN
    Merci pour l'exemple! La réflexion sur l'image plus grande, est-ce une bonne façon d'être en sélectionnant les cellules? Serait-il plus efficace d'ajouter une ligne/colonne id ou une classe pour chaque cellule? Ou est ce que le ci-dessus assez efficace? Je suppose que je pourrais juste envelopper dans une belle fonction.
    Je ne suis pas vraiment sûr de savoir comment elle est efficace. J'imagine que si vous avez des tonnes d'éléments du DOM de la page, vous allez avoir des problèmes d'efficacité, n'importe quoi. En outre, vous devez prendre la facilité de développement en considération. Est-il plus facile à écrire et à maintenir le code qui accède à des cellules de tableau à l'indice, ou d'attribuer et de gérer unique ids pour chaque cellule? L'optimisation prématurée est souvent une mauvaise idée. Cela dit, découvrez jsperf.com pour un bon endroit pour comparer JavaScript vitesse 🙂

    OriginalL'auteur Andrew Whitaker

  2. 4

    Après avoir examiné le violon que vous avez posté dans un de vos commentaires, cela peut aussi travailler.

    http://jsfiddle.net/CGrP9/6/

    $('tbody tr').eq(2).find('td').eq(2).css('background-color', 'green');

    OriginalL'auteur mg1075

  3. 0

    Je suis sûr que cela sélectionne la cellule à coordonner (9, 9). Permettez-moi de test:

    $('table tr:eq(10) > td:eq(10)')
    Vous ne savez pas si avoir un tbody il ne serait pas travailler. Devrait-il être $('table tr:eq(10) > td:eq(10)')
    J'ai essayé d'utiliser .eq(#) .. mais il ne semble pas fonctionner: jsfiddle.net/CGrP9

    OriginalL'auteur Blender

  4. 0

    $($("tableau n ° wall_layout tr")[ligne]).find("td")[col]

    OriginalL'auteur Sathvik reddy Gaddam