javascript - 为什么单击的表格单元格内的按钮未定义

Question

我无法解释为什么我单击表格单元格内的按钮并尝试获取 rowID - 我发现它未定义

这是我的代码

@model Onion.Web.ViewModels.CategoryViewModel

<script>
    function btnEdit_Click()
    {

            var par = this.parentNode.parentNode;

            alert(par.id);


    }
</script>
<table>
    <tr>
        <td>ID</td>
        <td>Title</td>
        <td>Button</td>
    </tr>
    @foreach (var item in Model.lstCategoryLanguages)
    {
        <tr id='@item.CategoryLanguagesID'>
            <td>@item.Title</td>
            <td>@item.ShortDescription</td>
            <td><input type="button"  value="Edit" onclick='btnEdit_Click()' /></td>
        </tr>
    }
</table>

Answer 1

您需要将要引用的元素传递给函数，然后在函数中使用它。

这对我有用:

<script>
    function btnEdit_Click(elem)
    {

            var par = elem.parentNode.parentNode;

            alert(par.id);


    }
</script>
<table>
    <tr>
        <td>ID</td>
        <td>Title</td>
        <td>Button</td>
    </tr>
    @foreach (var item in Model.lstCategoryLanguages)
    {
        <tr id='@item.CategoryLanguagesID'>
            <td>@item.Title</td>
            <td>@item.ShortDescription</td>
            <td><input type="button"  value="Edit" onclick='btnEdit_Click(this)' /></td>
        </tr>
    }
</table>