javascript - 如何将 <td> onclick 的值传递给同一行的另一个 <td>？

Question

fiddle 在这里可用:

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

如您所见，表的第 3 列有一个监听器。我想在点击第三列单元格时获取第二列 td 的值。

例如，如果我点击“dead”，该值将为“1047”，如果我点击“ok”，该值将为“1048”。

我做了这个功能:

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

它正在显示所有值..

我怎样才能做到这一点？

谢谢

Answer 1

首先获取 parenNode，然后通过查看父节点 childNode 访问前一个兄弟节点。然后从同级 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