gpt4 book ai didi

javascript - 获取父元素

转载 作者:行者123 更新时间:2023-11-28 03:23:12 25 4
gpt4 key购买 nike

JS

   <script>           
$('.btn').click(function(e){
target = e.target;
parent = target.parentNode.parentNode;
console.log(parent);
});
</script>

HTML

 <div class="card" style="width: 18rem;">
<div class="card-header">
<div class="user-icon"></div>
<h4 class="job-type">Painter</h4>

</div>
<div class="card-body">
<p class="card-text"><strong>Job Description:</strong><span> Some quick example text to build on the card title and make up the bulk of the card's content.</span></p>
<p class="card-text"><strong>Payment:</strong><span> $40</span></p>
<p class="card-text"><strong>Location:</strong><span> 25 Apple str.</span></p>
</div>
<div class="card-body">
<a class="btn btn-info btn-sm info" >
<span class="glyphicon glyphicon-info-sign"></span> Info
</a>
<a href="#" class="btn btn-info btn-sm">
Apply Now
</a>
</div>
</div>

我试图获取卡片元素及其子元素,但有时每当我单击按钮时,我都会得到按钮父元素

<div class="card-body">
<a class="btn btn-info btn-sm info" >
<span class="glyphicon glyphicon-info-sign"></span> Info
</a>
<a href="#" class="btn btn-info btn-sm">
Apply Now
</a>
</div>

有时我会得到卡片元素有人可以向我解释一下为什么这是[控制台图片][1]

最佳答案

这是因为您有时可能单击字形,它就会成为您的目标,有时您单击文本,它会按照您的预期运行。

您可以使用 for example $(this).closest(".card") 而不是 target.parentNode.parentNode

关于javascript - 获取父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58929465/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com