查找下一个最接近的 class - jQuery
Find the next closest class - jQuery
我有这些简单的 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 有效;有人可以帮忙吗?
你想要一个兄弟姐妹,而且不一定是第一个兄弟姐妹,所以用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>
我有这些简单的 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 有效;有人可以帮忙吗?
你想要一个兄弟姐妹,而且不一定是第一个兄弟姐妹,所以用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>