在前端開發(fā)中,經(jīng)常需要使用到j(luò)Query來選中頁面中的元素。如果需要選中一個表格中的某一行并知道它是第幾行,可以使用以下代碼:
var index = $(this).parent().parent().index() + 1; console.log("選中的tr是第" + index + "行");
以上代碼的解釋如下:
1. 首先使用jQuery選擇器選中某個tr元素(比如單擊了某個行時),可以用以下代碼:
$('tr').click(function(){ //... });
2. 然后使用parent()方法找到這個tr元素的父級元素(即它所在的tbody元素),再使用parent()方法找到這個tbody元素的父級元素(即它所在的table元素),可以用以下代碼:
var table = $(this).parent().parent().parent();
3. 然后使用index()方法得到選中的tr元素在所有tr元素中的索引值,在加1即為其所在的行數(shù),可以用以下代碼:
var index = $(this).parent().parent().index() + 1;
至此,就可以得到選中的tr元素是第幾行了。