jquery如何修改tr屬性值

這篇文章主要介紹了jquery如何修改tr屬性值的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jquery如何修改tr屬性值文章都會有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),源匯企業(yè)網(wǎng)站建設(shè),源匯品牌網(wǎng)站建設(shè),網(wǎng)站定制,源匯網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,源匯網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

jquery修改tr屬性值的方法：1、利用jquery選擇器獲取指定tr元素，語法“$("選擇器")”，會返回包含指定tr元素的jquery對象；2、使用attr()函數(shù)修改指定tr元素對象的屬性值，語法“tr元素對象.attr("屬性名","新屬性值");”或“tr元素對象.attr({屬性1:"新值",屬性2:"新值"....});”。

tr元素

<tr> 標(biāo)簽定義 HTML 表格中的行。

一個 <tr> 元素包含一個或多個 <th> 或 <td> 元素。

jquery修改tr屬性值的方法

實現(xiàn)思路：

  • 獲取表格的指定tr元素

  • 修改獲取到的tr元素的屬性值

實現(xiàn)方法：

  • 可以利用jquery選擇器獲取指定tr元素

$("選擇器")

會返回包含指定tr元素的jquery對象

  • 使用attr()函數(shù)修改指定tr元素對象的屬性值

//單個屬性
tr元素對象.attr("屬性名","新屬性值");

//多個個屬性
tr元素對象.attr({屬性1:"新值",屬性2:"新值"....});

實現(xiàn)示例：

修改第一個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屬性值

關(guān)于“jquery如何修改tr屬性值”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jquery如何修改tr屬性值”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站標(biāo)題：jquery如何修改tr屬性值
文章位置：http://muchs.cn/article6/pipiog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、服務(wù)器托管、營銷型網(wǎng)站建設(shè)、網(wǎng)站排名、響應(yīng)式網(wǎng)站、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)