问题寻找之表格内标签定位行数

最新推荐文章于 2022-03-11 20:41:13 发布

我不是攻城狮

最新推荐文章于 2022-03-11 20:41:13 发布

阅读量426

点赞数

分类专栏： JavaScript HTML 文章标签： javascript

本文链接：https://blog.csdn.net/lyyCSDNBLOG/article/details/77689495

版权

JavaScript 同时被 2 个专栏收录

6 篇文章 1 订阅

订阅专栏

HTML

1 篇文章 0 订阅

订阅专栏

var index = $(this).parent().parent().prevAll().length + 1;核心

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.8.2.js"></script>
	</head>
	<body>
		
		<table border="\" cellspacing="" cellpadding="">
			<tr>
				<th>Header1</th>
				<th>Header2</th>
				<th>Header3</th>
				<th>Header4</th>
			</tr>
			<tr>
				<td><input type="text"  class="in1" value="11111" /></td>
				<td><input type="text"  class="in2" value="22222" /></td>
				<td><select name="" class="sel">
						<option value="1">tttt</option>
						<option value="2">rrrr</option>
						<option value="3">yyyy</option>
					</select>
				</td>
				<td><input type="text" class="in3"  value="44444" /></td>
			</tr>
			
			<tr>
				<td><input type="text" class="in1"  value="111111" /></td>
				<td><input type="text" class="in2" value="222222" /></td>
				<td>
					<select name="" class="sel">
						<option value="1">tttt</option>
						<option value="2">rrrr</option>
						<option value="3">yyyy</option>
					</select>
				</td>
				<td><input type="text" class="in3"  value="444444" /></td>
			</tr>
			
			
			<tr>
				<td><input type="text"  class="in1" value="1111111" /></td>
				<td><input type="text"  class="in2" value="2222222" /></td>
				<td>
					<select name="" class="sel">
						<option value="1">tttt</option>
						<option value="2">rrrr</option>
						<option value="3">yyyy</option>
					</select>
				</td>
				<td><input type="text" class="in3"  value="4444444" /></td>
			</tr>
		</table>
		
		
	</body>
	
	<script>
	
		$(function(){
			var i = 0;
		/*	$(".in1").eq(i).on('click',function(){
				
			alert($(".in").index(this));	
				$(this).parent().parent().children().eq("2").children().html('<option value="2">wwwww</option>');
			})*/
			
			$(".in1").on('click',function(){
				
//				alert($(".in").index(this));	
				//找到tr后，在prevAll()
				var index = $(this).parent().parent().prevAll().length + 1;
				alert(index);
				//$(this).parent().parent().children().eq("2").children().html('<option value="2">wwwww</option>');
			})
			
		})
		

	
		
	</script>
</html>