jquery如何获取取元素序号,例如一个有N行的table,点击其中的一行,获取到它的行号。

JavaScript012

jquery如何获取取元素序号,例如一个有N行的table,点击其中的一行,获取到它的行号。,第1张

可以用jQ的index()方法,举例:

<table id="table1">

<tr>

<td>第1行</td>

</tr>

<tr>

<td>第2行</td>

</tr>

<tr>

<td>第3行</td>

</tr>

<tr>

<td>第4行</td>

</tr>

</table> $('#table1').find('tr').click(function() {

var idx = $(this).index() + 1  // 索引是从0开始的,故+1

console.log('点击了第' + idx + '行')

})

通常元素的ID获取使用getElementById()方法,实例如下:

元素值设定为input:

<input name="input_name" id="input_id" class="password"></input>

在JS中获取ID值也就是“input_id”这个值:

<script type="text/javascript" language="javascript">

var item = document.getElementById("input_id")

</script>

如此,所有为input_id的ID的input对象都在item中了。