如何获取onclick的值到同一行的另一行?

时间:2015-04-09 15:42:30

标签: javascript html

这里有小提琴:

https://jsfiddle.net/syLuLob0/71/

如您所见,该表的第3列有一个监听器。我希望在点击第3列单元格时得到第2列的值。

例如,如果我点击" dead"价值将是" 1047"如果我点击"确定" ,价值将是" 1048"。

我做了这个功能:

function showStatusDialog(){  
    for(var i = 0; i < 3; i++){
      alert(document.getElementById("TR"+i).childNodes[1].innerHTML);
     }
}

显示所有值..

我怎样才能做到这一点?

谢谢

2 个答案:

答案 0 :(得分:2)

首先抓住parenNode,然后通过查看父节点childNodes来访问上一个兄弟节点。然后从兄弟textContent属性中解析出一个int。

您可以通过更改showStatusDialog函数(clickhandler)来实现:

function showStatusDialog(){  
    var sibling = this.parentNode.childNodes[1];
    var value = parseInt(sibling.textContent);
    console.log(value);
    //alert(document.getElementById("TR"+0).childNodes[1].innerHTML);

}

FIDDLE

答案 1 :(得分:1)

使用jQuery选择器获取prev td值并解析字符串

parseInt($(this).prev('td').text())

https://jsfiddle.net/syLuLob0/78/