11
votes

Comment puis-je sélectionner une colonne spécifique d'une ligne à l'aide de jQuery et JavaScript?

Je suis très nouveau à JQuery et JavaScript. J'ai une petite question. Disons que j'ai une table HTML comme le suivant xxx

dans l'exemple ci-dessus, je connais l'ID de ligne et je souhaite modifier la valeur de la deuxième colonne de la ligne avec cet identifiant particulier. < / p>

J'ai besoin d'un résultat quelque chose comme ce qui suit: xxx

donc ma question est la suivante: comment puis-je sélectionner la colonne 2 nd de la première ligne avec un identifiant donné afin de changer la valeur?


6 commentaires

Voulez-vous sélectionner toutes les deuxièmes colonnes de chaque ligne ou seulement la deuxième colonne de la première ligne (sur nième)?


@Yanick - OP était assez clair: "Je connais l'ID de la rangée et je veux modifier la valeur de la deuxième colonne de la ligne avec cet identifiant particulier"


@ Ppatric Dw, mais une réponse suggérait un sélecteur de trouver tout le deuxième TD de chaque rangée, alors je voulais juste m'assurer. Comme vous pouvez le constater, ma réponse présume ce que suggère l'OP ...


@Yanick - quelle réponse est-ce?


@Patrick DW, la réponse de Gert G sélectionne tout le 2e TD de chaque ligne


@Yanick - Non, @gert utilise le sélecteur d'identifiant #Element spécifique à la ligne avec cet identifiant, de sorte que les autres lignes ne seront pas affectées. Le TD: Nth-enfant (2) dans le sélecteur doit être un descendant de #Element .


3 Réponses :


23
votes
$("#element td:nth-child(2)").text('ChangedText');
Here's an example.

0 commentaires

16
votes

quelque chose comme xxx

sélectionnera la première ligne, deuxième colonne (0 à base de 0) de l'élément donné (table). Dans votre cas, puisque vous connaissez l'ID de la ligne: xxx

ou simplement xxx


3 commentaires

J'aime celui-ci, car quand je pense à des itérations, je vois toujours l'index basé sur 0. Lorsque 2 signifie réellement le deuxième article, je commence à regarder sur mon épaule en pensant que quelque chose de mal va arriver aujourd'hui.


C'est pourquoi CSS est destiné aux concepteurs (1, 2, 3, 4 ...) et JavaScript pour les programmeurs (0, 1, 2, 3 ...) :)


:) Oui, comme programmeur principalement, je suis extrêmement reconnaissant pour Bootstrap!



2
votes

Le code de Gert est de savoir comment j'aurais mis en œuvre ce que vous demandez afin que je ne le reputiliserai pas. Cependant, puisque vous êtes nouveau à JQuery / JavaScript, vous aimerez peut-être cet outil que j'utilise pour vous assurer que mes sélecteurs fonctionnent http://www.woods.iki.fi/interactive-jquerer-tester.html .

acclamations, Joe


0 commentaires