집 > 기사 > 웹 프론트엔드 > jquery에서 rowspan 값을 동적으로 변경하는 방법

jquery에서 rowspan 값을 동적으로 변경하는 방법

青灯夜游원래의: 2022-05-23 17:42:103827검색

변경 방법: 1. 행을 교차해야 하는 셀 요소를 가져옵니다. "$("지정된 셀 요소")" 구문은 지정된 요소가 포함된 jquery 객체를 반환합니다. 2. attr()을 사용하여 행 범위를 수정합니다. 지정된 요소 개체 속성의 경우 구문은 "지정된 요소 object.attr("rowspan","row value")"입니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

rowspan은 HTML 언어의 요소 속성으로, 셀이 확장해야 하는 행 수를 지정하는 데 사용됩니다.

즉, 행이 두 행에 걸쳐 있으면 해당 테이블에서 두 행의 공간을 차지한다는 의미입니다. 단일 테이블 셀이 여러 셀 또는 행의 높이에 걸쳐 있을 수 있습니다. rowspan 속성은 Excel의 스프레드시트의 "병합된 셀"과 동일한 기능을 갖습니다.

rowspan 속성은 HTML 테이블의

및 요소와 함께 사용할 수 있습니다.

rowspan 속성
태그와 함께 사용되는 경우 rowspan 속성은 확장되어야 하는 표준 셀 수를 결정합니다.

rowspan 속성이

태그와 함께 사용되는 경우 rowspan 속성은 범위에 걸쳐야 하는 헤더 셀 수를 결정합니다.

jquery에서 rowspan 값을 변경하는 방법

1. 행을 확장해야 하는 셀 요소(td 또는 th)를 가져옵니다.

$("单元格元素")

는 지정된 셀 요소가 포함된 jquery 개체를 반환합니다.

2. attr()을 사용하면 rowspan 속성이

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

예:

<!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>

jquery에서 rowspan 값을 동적으로 변경하는 방법

[권장 학습: jQuery 비디오 튜토리얼, 웹 프론트엔드 비디오]

위 내용은 jquery에서 rowspan 값을 동적으로 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

jquery html 对象 td th excel

성명：

이전 기사：jquery로 커서를 사라지게 만드는 방법다음 기사：jquery로 커서를 사라지게 만드는 방법