如何使用 jQuery 根據 TD 元素的 ID 更改其類別？

jQuery: Change the Class Name of a Specific DOM Element based on ID

這個問題解決了一個常見的場景，我們需要修改網頁中特定td 元素的類別名稱。我們的目標是在另一個 DOM 元素的單擊事件處理程序中以程式設計方式實現此目的。

使用 jQuery 的解決方案：

jQuery 提供了多種方法來操作HTML 元素。

設定類別（取代現有的Class):
要完全設定類別名，無論其先前的值為何，請使用.attr() 方法：

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

新增類別（附加到現有類別） List):
如果您希望在保留任何現有類別的同時添加類，請使用.addClass()方法：

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

切換類別（在類別之間切換）：
為了方便地交換類，請使用.toggleClass() 方法：

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

這些方法允許我們根據目標 td 元素的 ID 動態更改其類別名，從而使我們能夠修改該元素的以程式設計方式設定樣式。

以上是如何使用 jQuery 根據 TD 元素的 ID 更改其類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！