-1

我有一个表，我想通过单击它来显示一行的值。在下面我想显示 1 的值

<tr class="myTable">
  <div class"Row" id= "myRow">
   <div id=rowID1 > 1 </div>
   <div id=rowID2 > 2 </div>
   <div id=rowID3 > 3 </div>

  </div>
</tr>

这就是我尝试过的：

document.getElementsByClassName('myTable')[0].getElementsByClassName('myRow')[0].getElementsById("rowID1")[0];

但我收到此错误：未捕获的类型错误：对象 # 没有方法“rowID1”。

当我检查结果console.log( document.getElementsByClassName('myTable')[0].getElementsByClassName('myRow')[0])时显示： 

<div class"Row" id= "myRow">
   <div id=rowID1 > 1 </div>
   <div id=rowID2 > 2 </div>
   <div id=rowID3 > 3 </div>

所以直到 "myRow" 它显示了正确的值，但是我怎样才能找到 div 元素来显示 "1" 的值？

4

4 回答 4

1

简单地尝试一下

console.log($('#rowID1'));

如果你id's是独一无二的

或者

console.log($('tr.myTable #myRow #rowID1'));

更新完整代码

$('tr.myTable #myRow div').on('click',function(){
    console.log($(this).text());
});
于 2013-10-23T10:34:20.257 回答
0 
var value = document.getElementById('#rowID1').innerHTML
于 2013-10-23T10:37:09.197 回答
0

我找到了您正在寻找的解决方案.. http://jsbin.com/eBOFojE/2/edit

 $('#myRow div').on('click',function(){
var a = $(this).text();
  alert(a);

})
于 2013-10-23T10:42:20.320 回答
-1

用这个：

document.getElementsByClassName('myTable')[0].getElementsByClassName('myRow')[0].getElementById("rowID1");

你有'getElementsById'，复数。ID 应该是唯一的，因此，没有用于获取多个 ID 的命令。因此，它不返回一个数组，它只返回一个节点本身。

所以我摆脱了复数elements并摆脱了[0]th 数组调用。

于 2013-10-23T10:34:30.207 回答