溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“jquery如何查詢當(dāng)前元素是第幾個(gè)tr”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“jquery如何查詢當(dāng)前元素是第幾個(gè)tr”吧!
方法：1、利用“$(this)”語(yǔ)句和index()方法獲取當(dāng)前tr元素的index位置，進(jìn)而獲取當(dāng)前元素是第幾個(gè)，語(yǔ)法為“$(this).index()+1;”；2、利用alert()方法將獲取到的當(dāng)前元素位置數(shù)輸出即可。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣查詢當(dāng)前元素是第幾個(gè)tr
我們可以通過(guò)index()方法方法來(lái)查詢當(dāng)前元素是第幾個(gè)tr。
index() 方法返回指定元素相對(duì)于其他指定元素的 index 位置。
這些元素可通過(guò) jQuery 選擇器或 DOM 元素來(lái)指定。
注釋：如果未找到元素，index() 將返回 -1。
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("table tr").click(function() {
var col = $(this).index() + 1; // 列位置
alert("當(dāng)前位置：第"+col+"個(gè)tr")
});
});
</script>
</head>
<body>
<table id = "test" border="1">
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
</body>
</html>輸出結(jié)果：
點(diǎn)擊其中第二行元素時(shí)，輸出結(jié)果：
到此，相信大家對(duì)“jquery如何查詢當(dāng)前元素是第幾個(gè)tr”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼