获取一些父元素 ID 以发送到 javascript 函数

Posted 2023-02-22

【中文标题】获取一些父元素 ID 以发送到 javascript 函数

【英文标题】：Get some parent element ID in order to send to javascript function

【发布时间】：2012-01-31 07:38:35

【问题描述】：

我有这张桌子

<table id="tblId">
        <thead>
            <tr>
                <th>View Name</th>
                <th>View Description</th>                       
            </tr>
        </thead>
            <tbody>
                <tr id="1">
                    <td>Name</td>                    
                    <td><span onclick="jsFunction()">description</span></td>
                </tr>
                <tr id="2">
                    <td>Name</td>                    
                    <td><span onclick="jsFunction()">description</span></td>
                </tr>
            </tbody>
</table>

在每个跨度的 onclick 事件中，我需要向 js 函数发送该特定行的行 ID，我该怎么做？

谢谢！

【参考方案1】：

一种方法是您可以使用 jsFunction 发送“发送者”数据，如下所示，

... onclick="jsFunction(this)" ....

在你的 jsFunction 中你可以找到 tr 元素，

    function jsFunction(sender)
        var tr = sender.parentNode.parentNode;
        alert( tr.getAttribute('id') );