js中获取table的行列值

Question

<table id="table">
<tr id="row1">
<td id="add"><input type="text" /><input type="text"></td>
<td>2</td>
</tr>
</table>
这里怎么获得行id为row1列id为add的第一个input值？jstable

Answer 1

用 jquery 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <table id="table">
<tr id="row1">
<td id="add"><input type="text" value="111" /><input type="text"></td>
<td>2</td>
</tr>
</table>
<script type="text/javascript">
alert( $('#row1 #add input:first').val() )
</script>

Answer 2

var inputs=document.getElementById("table").rows[0].getElementsByTagName("input");
var addinput;
for(var i=0;i<inputs.length;i++){
if(inputs[i].id=="add"){
  addinput=inputs[i]
  break;
}
}

Answer 3

这里我的tr的id是变化的，比如我定义了一个变量m，即当m=1时，该行的id为row1，当m=2时，改行的id为tr2的，那请问我该怎么写？因为你这里的row1.cells[0].childNodes[0].value   这个row1是固定的而我的是变化的，我这样写会报错：for(var m=0;m<9;m++){
var nowRow = tr+"m"+.cells[0].childNodes[1].value;
alert(nowRow);

}
请问我该怎么写？求解？？

Answer 4

LZ如果使用的是JQUERY，可以像下面这样写：
var trSelect = null;
var trObj = null;
var text = null;
for (var i = 1; i < len; i++) {
    trSelect = "tr[id='row" + i + "']";
    trObj = $(trSelect);    // 获取id为"row" + i的TD
    text = $(trObj).find("td[id='add'] > input[type='text']:eq(0)");    // 获取id为add的td，且获取其中第一个textbox
}LZ可以试试看

Answer 5

table.rows.length 循环。
table.rows[i].cells[j]......

Answer 6

    if(len>0){
     var trSelect = null;
     var trObj = null;
     var text = null;
     for(var i=0;i<len;i++){
     trSelect = "tr[id='row" + i + "']";
         trObj = $(trSelect); 
         text = $(trObj).find("td[id='add'] > input[type='hidden']:eq(0)"); 
         alert(text);
     }
    }
这里的text弹出的内容是[object Object]啊。怎么办？

Answer 7

获取TEXT的内容，可以写：alert(text.val());

Answer 8

写了个简单DOM query方法,试试<table id="table">
<tr id="row1">
<td id="add"><input type="text" value="111" /><input type="text"></td>
<td>2</td>
</tr>
</table>
<script type="text/javascript">
function findId(id,p){
 p=(p||document);
 return (p.all||p.getElementsByTagName('*'))[id];
}
function query(ids){
var p;
ids.replace(/#(\S+)|(\w+)|\[(\d+)\]/g,function(_,a,b,c){
p=a?findId(a,p):(b? p.getElementsByTagName(b):p[c])
});
console.info(p)
return p
}
alert(  query('#table #row1 #add input[0]').value );
</script>

Answer 9

LZ确认隐藏域有值吗？
LZ可以调试下，直接通过ID形式读取值alert(document.getElementById(hdnId).value);

Answer 10

for(var i=0 ;i<target.length;i++){
var row = target[i];
var targetId = row.targetUUID;
var name = row.fullName;
var address  =row.locationAddress;
var phone = row.contactPhone;
$('#addTable').append("<tr id='tr" + i + "'><td align='center'>"+name+"<input type='hidden' name='roll["+i+"].targetUUID' value='"+targetId+"'></td><td align='center'>"+address+"</td><td align='center'>"+phone+"</td><td align='center'><a href='#' onclick='del("+i+");'>移除</a></td></tr>");
    if(i>maxJ){
         maxJ = i;
        }
}
    if(len>0){
     var trSelect = null;
     var trObj = null;
     var text = null;
     for(var m=0;m<len;m++){
     trSelect = "tr[id='tr" + m + "']";
         trObj = $(trSelect); 
         text = $(trObj).find("td[id='impoCell'] > input[type='hidden']:eq(0)"); 
         alert(text.val());
     }
    }这是我项目里面完整的这一段的代码

Answer 11

    var tb = $('#addTable')[0];
    alert(tb.rows[0].cells[0].getElementsByTagName('input')[0].value);//获取第一行第一列的第一个input，自己修改rows和cells的下标来实现获取就行而来

Answer 12

从代码里看不出来，且新增加的代码好像和下面的代码没有关联。
LZ通过浏览器调试工具看下，id为'impoCell'的TD的第一个隐藏域是否有值？估计隐藏域无值

Answer 13

find("td[id='impoCell']
你是在 addTable 里找?  没看到你 上面添加时有 id= impoCell 的

Answer 14

LZ看下$(trObj).find("td[id='impoCell'] > input[type='hidden']:eq(0)")的控件ID，是不是你想要的控件alert($(trObj).find("td[id='impoCell'] > input[type='hidden']:eq(0)").attr("id"));

Answer 15

多谢各位大神的帮忙，conanhhy的方法是正确的，只不过是真的像fzfei2所说的一样，忘了给那个td一个id了。实在惭愧，谢谢各位的帮忙，分不多，不好意思啊。