remove text :last after()

Question

$('.main-bottom-menu li').after('<div style="float: left;">//</div>');
$('.main-bottom-menu li:last').after('');

but it doesn't clear // after last li element. How can i remove // after li:last element?

Answer 1

This should do it:

$('.main-bottom-menu li:last').html('');

According to this question, he doesn't want to remove the div, he just wants to empty it. The above code should do it.

Answer 2

You need to call remove() on selected element to remove it from DOM

Live demo

Change

$('.main-bottom-menu li:last').after('');

To

$('.main-bottom-menu li:last').next('div').remove(); to remove div after last li