Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery

青灯夜游

Lepaskan： 2022-05-23 17:46:11

asal

3935 orang telah melayarinya

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")".

Bagaimana untuk menukar nilai rowspan secara dinamik dalam jquery

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)

$("单元格元素")

Salin selepas log masuk

akan mengembalikan objek jquery yang mengandungi elemen sel yang ditentukan

2. Gunakan attr() untuk mengubah suai atribut rowspan

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

Salin selepas log masuk

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>

Salin selepas log masuk

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!