Question

我有一张桌子，我希望通过点击它来显示一行的价值。在下面我想显示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];

但我收到此错误：未捕获TypeError：对象＃没有方法'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”的值？

Answer 1

尝试就像

一样

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

如果您的id's 唯一

或

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

更新完整代码

$('tr.myTable #myRow div').on('click',function(){ console.log($(this).text()); });

Answer 2

var value = document.getElementById('#rowID1').innerHTML

Answer 3

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

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

})

Answer 4

使用此：

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

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

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

如何在jquery中获取表行的div元素的值

4 个答案: