Question

    <div id="rnd()"><button onclick="checkId()">Click</button></div>

当我在JS中使用DOM制作并且有一个随机ID时，我有一个DIV，他的孩子这个按钮。我需要点击一个按钮，我就可以知道父母的ID（DIV）

Answer 1

您需要更新函数调用以包含this：

<div id="rnd()"><button onClick="checkId(this)">Click</button></div>

<script>
function checkId(elem)
{
    alert(elem.parentNode.id);
}
</script>

或使用javascript添加活动，并为您的按钮添加如下ID：

<div id="rnd()"><button id="myBtn">Click</button></div>
<script>
    document.getElementById("myBtn").onclick = function(e){
      alert(e.target.parentNode.id);
    }
</script>

Answer 2

您应该更新函数以接收'this'，如下所示：

<div id="rnd()"><button onclick="checkId(this)">Click</button></div>

然后在checkId函数中，您应该具有以下内容：

var parentDiv = this.parentNode;
var id = parentDiv.getAttribute("id");

Answer 3

一种方法是为它分配一个类，然后只使用jQuery来获取这样的id：

$('.check-id').on('click', function(){
    alert($(this).parent().attr('id'));
});

你的div看起来像这样：

<div id="rnd()"><button class="check-id">Click</button></div>

使用上述方法，您可以使用许多按钮和div，这样可以。您只需确保为按钮分配check-id类。

我如何通过onclick Child在js中获得父ID

3 个答案: