jquery如何修改單元格值

這篇文章主要介紹“jquery如何修改單元格值”，在日常操作中，相信很多人在jquery如何修改單元格值問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”jquery如何修改單元格值”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

目前成都創(chuàng)新互聯(lián)已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、瑞金網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

兩種修改方法：1、利用“$(selector)”獲取指定單元格元素th或td，再用text()修改獲取元素的內(nèi)容值，語(yǔ)法“$(selector).text("單元格新值")”，只能設(shè)置新文本內(nèi)容。2、獲取指定單元格元素th或td，再使用html()修改獲取元素的內(nèi)容值，語(yǔ)法“$(selector).html("單元格新值")”，可設(shè)置文本內(nèi)容或包含標(biāo)簽的innerHTML內(nèi)容。

jquery如何修改單元格值

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

在HTML中，表格單元格是由th或td元素定義的

  • 表頭單元格 - 包含頭部信息（由 <th> 元素創(chuàng)建）

  • 標(biāo)準(zhǔn)單元格 - 包含數(shù)據(jù)（由 <td> 元素創(chuàng)建）

jquery修改單元格值，就是修改th或td元素的內(nèi)容，有兩種方法：

  • 使用text()

  • 使用html()

方法1：使用text()

text() 方法可以設(shè)置被選元素的文本內(nèi)容，會(huì)重寫(xiě)所有匹配元素的內(nèi)容。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("th").text("表頭新值");
				});
			});
		</script>
	</head>
	<body>

		<table border="1">
			<tr>
				<th>商品</th>
				<th>價(jià)格</th>
			</tr>
			<tr>
				<td>T恤</td>
				<td>￥100</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>￥250</td>
			</tr>
			<tr>
				<td>牛仔庫(kù)</td>
				<td>￥150</td>
			</tr>
		</table><br>
		<button>修改單元格值</button>
	</body>
</html>

jquery如何修改單元格值

方法2：使用html()

html() 方法可以設(shè)置被選元素的內(nèi)容（innerHTML），會(huì)重寫(xiě)所有匹配元素的內(nèi)容。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("td:first").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>
	<body>

		<table border="1">
			<tr>
				<th>商品</th>
				<th>價(jià)格</th>
			</tr>
			<tr>
				<td>T恤</td>
				<td>￥100</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>￥250</td>
			</tr>
			<tr>
				<td>牛仔庫(kù)</td>
				<td>￥150</td>
			</tr>
		</table><br>
		<button>修改第一個(gè)td單元格的值</button>
	</body>
</html>

jquery如何修改單元格值

到此，關(guān)于“jquery如何修改單元格值”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

網(wǎng)站名稱：jquery如何修改單元格值
文章分享：http://bm7419.com/article32/pcgppc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、服務(wù)器托管、網(wǎng)站導(dǎo)航、微信小程序、網(wǎng)站維護(hù)、自適應(yīng)網(wǎng)站

廣告

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

營(yíng)銷(xiāo)型網(wǎng)站建設(shè)