溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了jquery如何修改tr屬性值的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jquery如何修改tr屬性值文章都會有所收獲，下面我們一起來看看吧。
jquery修改tr屬性值的方法：1、利用jquery選擇器獲取指定tr元素，語法“$("選擇器")”，會返回包含指定tr元素的jquery對象；2、使用attr()函數修改指定tr元素對象的屬性值，語法“tr元素對象.attr("屬性名","新屬性值");”或“tr元素對象.attr({屬性1:"新值",屬性2:"新值"....});”。
tr元素
<tr> 標簽定義 HTML 表格中的行。
一個 <tr> 元素包含一個或多個 <th> 或 <td> 元素。
jquery修改tr屬性值的方法
實現思路：
獲取表格的指定tr元素
修改獲取到的tr元素的屬性值
實現方法：
可以利用jquery選擇器獲取指定tr元素
$("選擇器")
會返回包含指定tr元素的jquery對象
使用attr()函數修改指定tr元素對象的屬性值
//單個屬性
tr元素對象.attr("屬性名","新屬性值");
//多個個屬性
tr元素對象.attr({屬性1:"新值",屬性2:"新值"....});
實現示例：
修改第一個tr元素class屬性的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.3.min.js"></script>
<script>
$(document).ready(function() {
$("button").on("click", function() {
$("tr:nth-child(1)").attr("class", "tr2");
});
});
</script>
<style>
.tr1 {
color: green;
}
.tr2 {
color: red;
background-color: blanchedalmond;
}
</style>
</head>
<body class="ancestors">
<table border="1">
<tr class="tr1">
<th>商品</th>
<th>價格</th>
</tr>
<tr>
<td>T恤</td>
<td>￥100</td>
</tr>
<tr>
<td>牛仔褂</td>
<td>￥250</td>
</tr>
<tr>
<td>牛仔庫</td>
<td>￥150</td>
</tr>
</table><br>
<button>修改第一個tr元素class屬性的值</button>
</body>
</html>
關于“jquery如何修改tr屬性值”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“jquery如何修改tr屬性值”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
