jquery獲取td所在的行和列

阿新 • • 發佈：2019-02-13

使用jquery的preAll()獲取列）

程式碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"/>
<

scriptlanguage="javascript"type="text/javascript"src="jquery-1.4.2.min.js"></script>
<scriptlanguage="javascript">
function c(temp){
var hang = $(temp.parentNode).parent().prevAll().length+1;
var lie = $(temp.parentNode).prevAll().length+1;
alert("第"+hang+"行"+" "+"第"+lie+"列");
}
</script>
<title>JQuery獲取行和列</title>
</head>
<body>
<tableid="MyTable"border="1"cellpadding="2"cellspacing="0">
<tr>
<td><ahref

="#"onclick="c(this)">(1，1)</a></td>
<td><ahref="#"onclick="c(this)">(1，2)</a></td>
<td><ahref="#"onclick="c(this)">(1，3)</a></td>
</tr>
<tr>
<td><ahref="#"onclick="c(this)">(2，1)</a></td>
<td><ahref="#"onclick="c(this)">(2，2)</a></td>
<td><ahref="#"onclick="c(this)">(2，3)</a></td>
</tr>
<tr>
<td><ahref="#"onclick="c(this)">(3，1)</a></td>
<td><ahref="#"onclick="c(this)">(3，2)</a></td>
<td><ahref="#"onclick="c(this)">(3，3)</a></td>
</tr>
</table>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head> 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
		<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
		<script language="javascript">  
			function c(temp){
				var hang = $(temp.parentNode).parent().prevAll().length+1;  
				var lie = $(temp.parentNode).prevAll().length+1;  
				alert("第"+hang+"行"+"	"+"第"+lie+"列");  
			}
		</script> 
		<title>JQuery獲取行和列</title> 
	</head> 
	<body> 
		<table id="MyTable" border="1" cellpadding="2" cellspacing="0">  
			<tr>  
				<td><a href="#" onclick="c(this)">(1，1)</a></td>  
				<td><a href="#" onclick="c(this)">(1，2)</a></td>  
				<td><a href="#" onclick="c(this)">(1，3)</a></td>  
			</tr>  
			<tr>  
				<td><a href="#" onclick="c(this)">(2，1)</a></td>  
				<td><a href="#" onclick="c(this)">(2，2)</a></td>  
				<td><a href="#" onclick="c(this)">(2，3)</a></td>  
			</tr>  
			<tr>  
				<td><a href="#" onclick="c(this)">(3，1)</a></td>  
				<td><a href="#" onclick="c(this)">(3，2)</a></td>  
				<td><a href="#" onclick="c(this)">(3，3)</a></td>
			</tr> 
		</table> 
	</body> 
</html>

測試結果如下：

jQuery實現表格凍結行和列

前幾天，遇到一個需求是要將表格的前幾行和前幾列凍結即固定，就是在有滾動條的情況下，保持那幾行和那幾列固定，這個需求其實是一個非常常見的需求，因為在涉及好多行和列時，在拖動滾動條時，我們需要知道每行每列表示的是什麼意思，當被遮擋後，就很難記住是表示的什麼內容了，如下圖所示：我

jquery獲取td所在的行和列

使用jquery的preAll()獲取列）程式碼如下： [html] view plaincopyprint? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

jquery獲取伺服器控制元件girdview的行和列的值

用下面簡單的表格表示一個進過繫結資料的伺服器控制元件gridview 其中girdview的ID為ViewMsg “檢視”控制元件是linkbutton 序號名字操作 1 aa 檢視 2 bb 檢視 <asp:TemplateField

VBA獲取excel行和列

Sub 拷貝資訊() Dim workbookTmp As Workbook Dim worksheetTmp As Worksheet Dim rangTmp As Range Dim i% Dim j% '當前工作表格可以使用ThisWorkbook '

JS 合並單元格相同內容行和列

del nbsp ext 合並單元格 color class doc nal div <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD&

jquery獲取文檔高度和窗口高度匯總

query har wid doctype 不同意義滾動網頁垂直 jquery獲取窗口高度和窗口高度，$(document).height()、$(window).height() $(document).height()：整個網頁的文檔高度 $(window).

Linux提取不匹配字符串的行和列（awk函數）

div ont 字符串 pre IT int nan span http 如下圖所示，想把含有‘-nan’字符串的行提取出來則用到awk函數，命令行如下： awk ‘{if($3!="-nan"){print $3}}‘ CHB_vs_

C#中關於DataGridView行和列的背景色-前景色設置

ring strong style屬性背景 car gray bind etl pin 關於DataGridView行和列的背景色-前景色設置 1.設定DataGridView全部單元格的Style DataGridView內所有單元格的Style變更，可以使用Data

Excel表中如何同時鎖定行和列

info 固定 tro nbsp img image 我們三種 str 鎖定行列信息欄，需要用到的是視圖工具欄，點擊視圖工具欄我們顯而易見的看到了凍結窗口一欄，通過凍結窗口來鎖定行及列信息欄；第一種是凍結首行第二種是凍結首列通上第三種是同時凍結前幾

jquery獲取上傳進度和取消上傳操作

for orm name bsp tty type clas val 計算 var xhrOnProgress=function(fun) { xhrOnProgress.onprogress = fun; //綁定監聽

js 遍歷行和列

tag pre tex innertext color 遍歷 bsp tab ext var table = document.getElementsByTagName("table")[0]; //遍歷列 for (var i = 0; i <

Js和Jquery獲取選中select值和文字

原文連結：http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html JS: <body> <select name="PaymentType" style="width:110px" &g

kendo ui grid 的行和列合併

1.自定義Header：通過修改 columns[] 來自定義頭的合併 2.通過kendo 模板來自定義初始化grid 的資料 $("id").kendoGrid({ scrollable : true, sortable : true, fil

pandas dataframe 新增行和列

import numpy as np import pandas as pd df=pd.DataFrame(np.random.randn(3,4),columns=list("ABCD"),index=list("xyz")) # print(df) res1=df.apply(lambda

c語言將一個二維陣列行和列的元素互換，存到另一個二維陣列中

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

Grid Compression(刪除行和列)

問題 B: Grid Compression 時間限制: 1 Sec 記憶體限制: 128 MB 題目描述 There is a grid of squares with H horizontal rows and W vertical colu

對dataframe的行和列進行遍歷和修改

首先先定一個這樣的字典,然後我們用不同的方法對其遍歷和修改字典df df=pd.DataFrame({"A":[1,2,3,4],"B":[5,6,7,8],"C":[1,1,1,1]}) A B C 0 1 5 1 1 2 6 1 2 3 7 1 3

pandas獲取csv指定行，列

house_info = pd.read_csv('house_info.csv') 1：取行的操作： house_info.loc[3:6]類似於python的切片操作 2：取列操作： house_info['price'] 這是讀取csv檔案時預設的第一行索

JS/jQuery獲取input的值和清空input的valu值

一、獲取input的值 1、通過普通選擇器獲取　　通過類選擇器獲取：$('.class').val() 　　通過id選擇器獲取：$(" #id").val() 2、通過標籤選擇器獲取　　$(" in

C#中關於DataGridView行和列的背景色-前景色設定

關於DataGridView行和列的背景色-前景色設定 1.設定DataGridView全部單元格的Style DataGridView內所有單元格的Style變更，可以使用DataGridView物件的DefaultCellStyle屬性實現。 1 2

jquery獲取td所在的行和列

相關推薦