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

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

• javascript
• jquery

Share Improve this question Follow edited Mar 5, 2015 at 19:02 Vishnu asked Mar 5, 2015 at 17:55 VishnuVishnu 2,45266 gold badges3737 silver badges5959 bronze badges 3

• $('.ajax-file-upload-statusbar').remove(); – αƞjiβ Commented Mar 5, 2015 at 18:08
• this will remove both the div – Vishnu Commented Mar 5, 2015 at 18:52
• then use @Mateusz Mania answer – αƞjiβ Commented Mar 5, 2015 at 18:55

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

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

I think you can do:

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

Try using hashtag (#) for id selector, not (.):

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