jquery changement de nom de la classe

Question

Je veux changer la classe d'une balise td compte tenu de la td id de la balise:

<td id="td_id" class="change_me"> ...

Je veux être capable de le faire tout à l'intérieur de l'événement click de quelque autre objet dom. Comment dois-je saisir le td de l'identifiant et du changement de sa classe?

Answer 1

Vous pouvez définir la classe (indépendamment de ce qu'il était) à l'aide de .attr(), comme ceci:

$("#td_id").attr('class', 'newClass');

Si vous souhaitez ajouter une classe, utilisez .addclass() au lieu de cela, comme ceci:

$("#td_id").addClass('newClass');

Ou un court chemin pour swap de classes à l'aide d' .toggleClass():

$("#td_id").toggleClass('change_me newClass');

Voici la liste complète des méthodes jQuery spécifiquement pour l' class d'attribut.

Answer 2

Je pense que vous êtes à la recherche pour les ce:

$('#td_id').removeClass('change_me').addClass('new_class');

Answer 3

Je pense qu'il veut remplacer un nom de classe.

Quelque chose de ce genre:

$(document).ready(function(){
    $('.blue').removeClass('blue').addClass('green');
});

à partir de http://monstertut.com/2012/06/use-jquery-to-change-css-class/

Answer 4

Vous pouvez consulter addClass ou toggleClass

Answer 5

EDIT:

Si vous êtes en train de dire que vous êtes le changer à partir d'un imbriquée élément, vous n'avez pas besoin de l'ID. Vous pouvez faire ceci à la place:

$(this).closest('td').toggleClass('change_me some_other_class');
    //or
$(this).parents('td:first').toggleClass('change_me some_other_class');

• http://api.jquery.com/closest/
• http://api.jquery.com/parents/

---

Réponse originale à cette question:

$('#td_id').removeClass('change_me').addClass('some_other_class');

Une autre option est la suivante:

$('#td_id').toggleClass('change_me some_other_class');