Question

我有以下html：

 <div class="col-xs-12 col-sm-7 col-md-8 form-group">
    <input id="contact-info" class="form-control input-lg" name="contactInfo" placeholder="LINE ID" type="text" required autofocus />
 </div>
 <div class="col-xs-12 col-sm-5 col-md-4 form-group">
    <select class="form-control contact-type input-lg" name="contactType">
 <div>

如果是联系人类型，如何找到与该联系人类型最近的联系信息？

我尝试了以下操作，但失败了：

$('.contact-type').closest('#contact-info')

知道什么是错的吗？

Answer 1

根据您的HTML标记，您可以执行以下操作：

$('.contact-type').closest('div').prev().find('#contact-info')

closest()

对于集合中的每个元素，获取与之匹配的第一个元素选择器通过测试元素本身并遍历其中 DOM树中的祖先。

因此，closest()不适用于获取#contact-info，因为#contact-info是div的子级，这是您.contact-type的父div的前一个兄弟

但由于id是唯一的，您可以使用：

$('#contact-info')

找到具有特定id的最接近元素

1 个答案: