獲取點擊的td在第幾行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$("td").click(function(){
				//獲取每行的序號
				var $tbody=$(this).parent().parent();
				alert($tbody.children().index($(this).parent()))
			})
			
		})
	</script>
	<body>
		<table border="1">
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>
			<tr>
				<td>4</td>
				<td>6</td>
			</tr>
			<tr>
				<td>5</td>
				<td>7</td>
			</tr>
		</table>
	</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章