javascript - 表中每一行的显示/隐藏按钮

Question

我在表格的每一行中都有两个按钮。您首先看到按钮 1。单击按钮 1 时，它会消失，按钮 2 会弹出。这很简单，但我不明白如何为每一行单独创建此行为。现在它只适用于第一行。

我创建了一个代码笔来更好地说明这一点:

http://codepen.io/cavanflynn/pen/qdVorB

我只知道如何使用他们的 ID 执行此操作，因此它仅适用于第一行。

var first = document.getElementById( 'first' ),
second = document.getElementById( 'second' );

如何让这种行为对每一行单独起作用？谢谢!

Answer 1

因为 id 必须是唯一值document.getElementById() 将获得第一个；我认为您可以将 id 更改为类并添加一个参数(女巫行)来切换功能。或者在toggle函数中使用js获取Sbiling节点