How to Change a TD Tag's Class Using jQuery?

jQuery: Changing a Class Name

Scenario:
Consider a webpage where you need to alter the class of a specific td tag, identified by its ID, from within another DOM element's click event.

Question:
How can you obtain the td tag's ID and modify its class using jQuery?

Answer:
jQuery provides several methods for manipulating class attributes:

• attr(): Sets the class directly regardless of its previous value.

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

• addClass(): Adds a class to the existing class list.

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

• toggleClass(): Toggles between two classes, effectively swapping them.

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

Refer to the full list of jQuery class attribute methods for more options.

The above is the detailed content of How to Change a TD Tag's Class Using jQuery?. For more information, please follow other related articles on the PHP Chinese website!