查找下一个最接近的类-jQuery

Question

我有这些简单的DOM-

<img src="{{$baby->babyBgPath}}" class="avatar img-thumbnail" alt="avatar">
<br>
<small class="hidden uploadingText">Uploading ...</small>

我试着选择

$('.avatar').closest('.uploadingText').removeClass('hidden');
$('.avatar').find('.uploadingText').removeClass('hidden');
$('.avatar').next('.uploadingText').removeClass('hidden');

它们都不起作用；有人能帮忙吗？

Answer 1

您想要一个同级，而不一定是第一个同级，所以使用jQuery的.nextAll()来选择它。

$('.avatar').nextAll('.uploadingText').removeClass('hidden');

.hidden {
display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img width="200px" style="margin-top: 10%;" src="{{$baby->babyBgPath}}?q={{microtime()}}" class="avatar img-thumbnail" alt="bgImg">
<br>
<small class="hidden uploadingText">Uploading ...</small>