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

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

consolelog('点击了第' + idx + '行');

});

提供你2中思路,具体代码就不写了

生成表的时候给修改链接一个id,id保存当前行的主键比如id="tid"+主键,为它添加onclick方法,

var id=thisidreplace("tid",""); 获取到主键

把主键拿到数据库中查到相应的数据行,赋值给表单,完成!

var parents=$(this)parent()parent();  获得tabel行

$(parents)find("td")each(function(){

根据列的顺序赋值给相应的表单元素

})

这个方法有局限性,数据是从当前页面中取得并不是实时读取数据库,如果数据在他处有更改是取不到最新的数据的。

一、途径:

第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度,而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。

二、小结:

因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

三、代码:

var o = documentgetElementById("view");

var h = ooffsetHeight; //高度

var w = ooffsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]

以上就是关于jquery如何获取取元素序号,例如一个有N行的table,点击其中的一行,获取到它的行号。全部的内容,包括:jquery如何获取取元素序号,例如一个有N行的table,点击其中的一行,获取到它的行号。、jquery中如何获取表格的值、jQuery获取HTML元素“div”的宽度:$("div").width()等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9507358.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存