Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery

Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery

青灯夜游asal: 2022-05-23 17:42:103804semak imbas

Kaedah tukar: 1. Dapatkan elemen sel yang perlu merentasi baris Sintaks "$("elemen sel yang ditentukan")" akan mengembalikan objek jquery yang mengandungi elemen yang ditentukan. 2. Gunakan attr() untuk tentukan Objek elemen mengubah suai atribut rowspan, sintaksnya ialah "specify the element object.attr("rowspan","row value")".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jalur baris ialah atribut elemen dalam bahasa HTML yang digunakan untuk menentukan bilangan baris yang perlu dipantau oleh sel.

Iaitu, jika satu baris menjangkau dua baris, bermakna ia akan menempati ruang dua baris dalam jadual. Ia membolehkan sel jadual tunggal menjangkau ketinggian berbilang sel atau baris. Atribut rowspan mempunyai fungsi yang sama seperti "sel gabungan" hamparan dalam Excel.

Atribut rowspan boleh digunakan dengan

dan

Atribut rowspan menentukan bilangan standard sel yang perlu dipantau apabila digunakan dengan teg

Apabila atribut rowspan digunakan dengan teg

rowspan;

Cara menukar nilai rowspan dalam jquery

1 baris silang (td atau th)

$("单元格元素")

akan mengembalikan objek jquery yang mengandungi elemen sel yang ditentukan

2. Gunakan attr() untuk mengubah suai atribut rowspan

元素对象.attr("rowspan","行数值")

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("#zk").attr("rowspan","3")
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<table border="1">
			<tr>
				<th>商品</th>
				<th>价格</th>
				<th>假期折扣价</th>
			</tr>
			<tr>
				<td>T恤</td>
				<td>￥100</td>
				<td id="zk" rowspan="2">￥50</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>￥250</td>
			</tr>
			<tr>
				<td>牛仔库</td>
				<td>￥150</td>
			</tr>
		</table><br>
		<button>改变rowspan值</button>
	</body>

</html>

Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web 】

Atas ialah kandungan terperinci Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery html 对象 td th excel

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk membuat kursor hilang dengan jqueryArtikel seterusnya：Bagaimana untuk membuat kursor hilang dengan jquery

Artikel berkaitan

Lihat lagi