0
votes

Comment obtenir une certaine colonne d'une rangée de table

J'essaie de remplacer le texte et le CSS de la 3ème colonne d'une certaine ligne de table, J'ai un identifiant unique à partir du bouton de chaque rangée ..

iv'ed a vu certains faire ce $ ('# Feedbacks TR: Nth-enfant (3) TD')

Voici une ligne de ma table xxx


2 commentaires

Premièrement, une pièce d'identité ne doit pas commencer par un numéro, deuxième quel texte et CSS souhaitez-vous modifier et à quoi?


@ Carstenløvboandersen, merci pour votre réponse. Oui, je suis au courant de l'ID .. c'est juste à des fins de test. et à propos de la 3ème colonne Voici un exemple de ce que j'essaie de faire $ ('# feedbacks tr: Nth-enfant (3) TD'). Texte ("ouvert / non lu")


3 Réponses :


0
votes

Essayez ce sélecteur. TR TD: NTH-Child (3)

Mieux vaut avoir un identifiant unique pour la table

MyTable TR TD: NTH-Child (3)


0 commentaires

1
votes

Dans ce cas, vous pouvez modifier le texte à l'aide de JQuery comme ci-dessous.

Modifiez-vous votre contenu de table sur le bouton de chaque ligne clic? Puis xxx

ou comme ceci xxx


3 commentaires

Merci d'avoir répondu ... Je peux sentir que la première réponse que vous avez donnée est très proche: D Voici le code qui déclenche le bouton Table.on ("Cliquez sur", ".View", fonction () {..} )


Oui, vous pouvez utiliser le code alors, vous pouvez également utiliser $ ('. VUE'). On ("Cliquez sur", fonction () {}


Cela sélectionnera / modifiera toutes les 3RD colonnes qui ont .View classe. Il a besoin d'un identifiant unique comme l'ID sur le bouton, mais je ne sais tout simplement pas comment ..



1
votes

Supposons que, sur chaque bouton de la vue TR, vous souhaitez modifier la classe et le texte 3ème TD Span Span. Ensuite, faites comme suit -

$(document).on('click', '.view', function(){
    $(this).parents('tr').find('td:nth-child(3) span').text("Unread").removeClass("text-success").addClass("text-error");
});


3 commentaires

Cela sélectionnera 3ème colonnes de toutes les lignes .. Comment pourrais-je le faire choisir une certaine ligne?


Fondamentalement, j'ai donné la partie de JQuery pour changer la classe de l'espace et le texte. Vous devez cela dans votre gestionnaire d'événements. Quoi qu'il en soit, j'ai mis à jour les codes ci-dessus. Vérifiez s'il vous plaît.


C'est ok maintenant .. le code que vous avez donné travaillé, mais quand je l'ai mis dans une déclaration si, il semble que cela ne semble pas .. donc j'ai fait une variable Var Viewbutton = ceci; et remplacé le et a remplacé ce < / code> avec viewbutton variable et cela a fonctionné beaucoup merci