jQuery删除下一个div元素的下一个

Question

I have structure like

<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>

So with element fileuploader1 I must remove <div class="ajax-file-upload-statusbar">blabla 1</div>

And with element fileuploader2 I must remove <div class="ajax-file-upload-statusbar">blabla 2</div>

I tried something like below

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

I need to remove only if next of next div is ajax-file-upload-statusbar

Answer 1

Try this.

JSFiddle

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

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

Shorter version:

JSFiddle

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

Shortest version:

JSFiddle

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

Answer 2

我认为您可以：

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

Answer 3

尝试将井号（＃）用作ID选择器，而不是（。）：

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