gpt4 book ai didi

javascript - 使用 jquery 从给定元素搜索 DOM

转载 作者:行者123 更新时间:2023-11-29 14:56:55 25 4
gpt4 key购买 nike

在 jquery 中,我试图找到一种方法来搜索 dom 直到它找到选择器。例如。

提供这个结构:

<span data-type="contact" data-filter="4" id="buyer-lookup" class="uneditable-input contact-lookup" data-original-title="" title="">Jeff</span>
<div class="popover">
<div class="arrow"></div>
<h3 class="popover-title"><strong>Jeff</strong></h3>
<div class="popover-content">
<address style="margin:0;"> MO<br></address>
<a data-id="70" data-type="contact" class="pull-right edit-contact" href="#">Edit</a>
<div class="clear"></div>
</div>
</div>

单击“.edit-contact”后,我想向上搜索直到找到“span.contact-lookup”。我可以使用 parent 几次来获得我想要的东西,如下所示,但是有没有更简洁的方法让您只需指定 $(this).searchUpFunction('span.contact-lookup');所以它会从这里开始并向上搜索直到找到 span.contact-lookup? .prev 似乎没有搜索 parent 。

$('.edit-contact').click(function(){
var filter = $(this).parent().parent().prev('span.contact-lookup').data('filter');
alert(filter);
});

最佳答案

使用closest

$('.edit-contact').click(function(){
contactID = $(this).closest('div.popover').prev().data('contact-id');
alert(contactID);
});

关于javascript - 使用 jquery 从给定元素搜索 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16302136/

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