查找下一个最接近的 class - 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');

None 有效；有人可以帮忙吗？

Answer 1

你想要一个兄弟姐妹，而且不一定是第一个兄弟姐妹，所以用jQuery's .nextAll()到select吧。

$('.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>

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

Find the next closest class - jQuery

html

jquery

dom-events

simple-html-dom