jQuery: Удаление пустых элементов | Все что вы хотели знать о хостинге и сайтостроении

jQuery: Удаление пустых элементов


Рубрика: CSS, JavaScript, jQuery

Скрыть пустые элементы можно с помощью CSS псевдокласса :empty, например так:

div:empty { display: none; }

Но бывают случаи когда элемент не совсем пустой, а в нем есть пробелы или переводы строки, которые автоматически делают элемент не пустым.

Например div c таким кодом

<div>            </div>

или таким не является пустым, хотя ничего в себе и не содержит:

<div>

</div>

Для таких случаев можно воспользоваться jQuery:

// Пройдемся по всем элементам 
$("div").each(function () {
    // удаляем все пустые символы по краям строки и проверяем оставшуюся строку на пустоту
    if ($.trim($(this).text()) == "") {
       // Если строка пустая то удаляем ее
       $(this).remove();
    }
});
Теги: ,
Если вам понравилась статья или была полезна, поделитесь ею с друзьями: