javascript - Jquery 删除下一个 div 元素

Question

我有这样的结构

<div id="fileuploader1" style="display: none;">Upload Your Pic</div>
<div id="error"></div>
<div class="ajax-file-upload-statusbar">blabla 1</div>


<div id="fileuploader2" style="display: none;">Upload Your Pic</div>
<div id="error"></div>
<div class="ajax-file-upload-statusbar">blablas 2</div>

元素 fileuploader1 也是如此我必须删除 <div class="ajax-file-upload-statusbar">blabla 1</div>

还有元素fileuploader2我必须删除 <div class="ajax-file-upload-statusbar">blabla 2</div>

我试过类似下面的东西

$('#fileuploader1').next().next().remove();

只有当下一个 div 的下一个是 ajax-file-upload-statusbar 时我才需要删除

Answer 1

试试这个。

JSFiddle

if($('#fileuploader1').next().next().hasClass('ajax-file-upload-statusbar')){

     $('#fileuploader1').next().next().remove();
}

较短的版本:

JSFiddle

$('#fileuploader1').nextAll('.ajax-file-upload-statusbar').remove();

最短版本:

JSFiddle

$('#fileuploader1++.ajax-file-upload-statusbar').remove();