Loop Through Divs и проверка, если у дочернего Div есть контент

Question

Я ищу, чтобы пройти через divs, проверить, есть ли у каждого контент в пределах своего дочернего div, если так добавить класс в div.

$('.img-banner').each(function(index, element) { 
    if ($(element).find('.img-banner-content').length > 0) { 
     $(element).addClass("has-content"); 
    } 
    }); 

Я пропустил что-то простое здесь и смог сделать сотрясением. Проблема в том, что он добавляет класс «has-content» ко всем div.

уменьшенного тест: JSFiddle

Спасибо всем.

Answer 1

Вам нужно проверить, есть ли текст в div.

$(this).find('.img-banner-content').length всегда будет возвращать true, так как на самом деле он не проверяет, имеет ли этот dom-узел innerHTML, просто ли присутствует dom-ref.

Так заменить:

if ($(this).find('.img-banner-content').length > 0) 

С:

if ($(element).find('.img-banner-content').text().length > 0) 

Собираем вместе:

$(document).ready(function() { 
    $('.img-banner').each(function(index, element) { 
    if ($(element).find('.img-banner-content').text().length > 0) { 
     $(element).addClass("has-content"); 
    } 
    }); 
}); 

https://jsfiddle.net/jg0w257q/