Question

Some generated output can be as follows:

<div class="fivecol"></div>
<div class="sevencol">content</div>

if the div.fivecol is empty, I want to remove it and change the div.sevencol to a div.twelvecol

$('.fivecol').each(function() {
    if ($(this).html() ==''){
       $(this).remove().next('sevencol').removeClass('sevencol').addClass('twelvecol');
    }
});

doesn’t do the trick. Any ideas?

Answer 1

$('.fivecol:empty + .sevencol').toggleClass('sevencol twelvecol')
                               .prev()
                               .remove();

DEMO: http://jsfiddle.net/JY9NN/