js如何取行号?
table里有多行,每行有多个td,每个td里有input,各个input名字长度不定,而最后1位或2位是行的编号,例如a13、b3、cccc45等等。以前只考虑最多9行...
table里有多行,每行有多个td,每个td里有input,各个input名字长度不定,而最后1位或2位是行的编号,例如a13、b3、cccc45等等。
以前只考虑最多9行,用input的onclick事件调用js时objName.substring(objName.length-1)也就是看input名字的最后1位就取到了行号。但是这种方法在10行以上就不行了。
有什么更简单的办法在某一行的onclick事件调用js函数时取到行号吗?
例如对于<input name="a13" onclick="js函数(this);">,js里如何知道是第13行? 展开
以前只考虑最多9行,用input的onclick事件调用js时objName.substring(objName.length-1)也就是看input名字的最后1位就取到了行号。但是这种方法在10行以上就不行了。
有什么更简单的办法在某一行的onclick事件调用js函数时取到行号吗?
例如对于<input name="a13" onclick="js函数(this);">,js里如何知道是第13行? 展开
6个回答
展开全部
function test(){
var tab = document.getElementById('tab');
var len = tab.getElementsByTagName('tr').length;
var rownum = len<10?objName.substring(objName.length-1):objName.substring(objName.length-2);
}
其实如果你只是想要获取当前行号的话,没必要从id截取字符串,这样写:
<script language="javascript">
window.onload=function(){
var tab = document.getElementById('tab');
var objs = tab.getElementsByTagName('input');
for(var i=0;i<objs.length;i++){
objs[i].onclick=function(){
var rownum = this.parentNode.parentNode.rowIndex+1;
alert("我所在的行号为:"+rownum);
}
}
}
</script>
<table border="1" id="tab" width="37%">
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>x4</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>14</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>24</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>34</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>44</td>
</tr>
</table>
var tab = document.getElementById('tab');
var len = tab.getElementsByTagName('tr').length;
var rownum = len<10?objName.substring(objName.length-1):objName.substring(objName.length-2);
}
其实如果你只是想要获取当前行号的话,没必要从id截取字符串,这样写:
<script language="javascript">
window.onload=function(){
var tab = document.getElementById('tab');
var objs = tab.getElementsByTagName('input');
for(var i=0;i<objs.length;i++){
objs[i].onclick=function(){
var rownum = this.parentNode.parentNode.rowIndex+1;
alert("我所在的行号为:"+rownum);
}
}
}
</script>
<table border="1" id="tab" width="37%">
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>x4</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>14</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>24</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>34</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>44</td>
</tr>
</table>
展开全部
给获取的这些元素设置一个索引值
Jquery写法:
$('p').click({
var index = $(this).index();
alert(index); //索引值是从0开始的
});
js写法:
var p = document.getElementsByTagName('p');
p.onclick = function(){
var index = this.index;
alert(index);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
js函数(obj){
var objName;
objName = obj.name;
crow=objName.match(/\d+/g);//行数取到了
.......
}
var objName;
objName = obj.name;
crow=objName.match(/\d+/g);//行数取到了
.......
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用document.getElementsByName(),每个名字都相同,然后遍历出来
追问
byName和byId差不多吧?遍历怎么遍历?
追答
var inp=document.getElementsByName("inp");
for(var i=0; i<inp.length;i++){
alert(inp[i].value);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用document.getElementsByName(),
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |