Jquery：nearest（）与其他div类无法正常工作

Question

我无法理解，为什么最近的（）不能与其他div类选择器一起工作。请参阅示例：感谢您的帮助

<div class="level1">Some Text</div>
<div class="level1">Some Text 2</div> 
<div class="level2">level2 Text</div>

<div class="result">result</div>


var txt = $('.level2').closest('.level1').text();
$('.result').text("result: " + txt );

Answer 1

因为它们不是嵌套的。 closest搜索祖先，而不是兄弟姐妹。

如果你想要最近的兄弟姐妹，那就是.prevAll(".level1").first()（prevAll，first）。

实例：

var txt = $('.level2').prevAll('.level1').first().text();
$('.result').text("result: " + txt );

<div class="level1">Some Text</div>
<div class="level1">Some Text 2</div> 
<div class="level2">level2 Text</div>

<div class="result">result</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>