Question

你好我试图根据td点击获取tr的id。

这是我的按钮代码：

while ($stmt->fetch()) 
    {

         echo'<tr id="'.$id.'">
        <td><button type="button" onclick="removeSet(this)"><img src="images/program/trash.png"></button></td>

        </tr>';

    }

我的javascript代码：

function removeSet(cell)
{

  var id = cell.parentNode.getAttribute('id');

  alert(id);

}

我的问题是我收到了这个错误：

未捕获的TypeError：无法读取未定义的属性“parentNode”

Answer 1

请改用此功能：

function removeSet(cell)
{

  var id = cell.parentNode.parentNode.getAttribute('id');

  alert(id);

}

问题是你的函数得到了按钮的父级（td），而不是td（a tr）的父级。

要获取tr的id，您需要按钮父级的父级。

Answer 2

你忘了在你的tr中放一个t。

这是你应该使用的html语法：

<table>
    <tr id="customId">
        <td>
            <button type="button" onclick="removeSet(this)">
                <img src="images/program/trash.png"/>
            </button>
        </td>
    </tr>
</table>

这是javascript代码：

function removeSet(cell) {
    var id = cell.parentNode.parentNode.getAttribute('id');
    alert(id);
}

使用javascript获取所点击项目的父级

2 个答案: