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();

Answer 2

我认为你可以做到：

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

Answer 3

尝试使用＃标签符号（＃），而不是（。）：

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