jQuery Klassenname ändern

Question

Ich möchte die Klasse eines td-Tags anhand der id des td-Tags ändern:

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

Ich möchte in der Lage sein, dies zu tun, während innerhalb der Klick-Ereignis von einigen anderen Dom-Objekt. Wie greife ich die td's id und ändern seine Klasse?

Answer 1

Sie können sich informieren über addClass o toggleClass

Answer 2

EDIT:

Wenn Sie damit sagen wollen, dass Sie es von einem verschachtelt Element brauchen Sie die ID überhaupt nicht. Sie können stattdessen dies tun:

$(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/

---

Ursprüngliche Antwort:

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

Eine andere Möglichkeit ist:

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

Answer 3

Für den Fall, dass Sie bereits eine Klasse haben und zwischen den Klassen wechseln müssen, anstatt eine neue Klasse hinzuzufügen, können Sie die Ereignisse miteinander verbinden:

$('li.multi').click(function(e) {
    $(this).toggleClass('opened').toggleClass('multi-opened');
});

Answer 4

$('.btn').click(function() {
    $('#td_id').removeClass();
    $('#td_id').addClass('newClass');
});

or

$('.btn').click(function() {
    $('#td_id').removeClass().addClass('newClass');
});

Answer 5

Diese Methode funktioniert bei mir gut

$('#td_id').attr('class','new class');