2016-03-04 3 views
0

Я хотел бы предназначаться все вложенные элементы img жгутов различных уровней емкости, например ..Найти все вложенный IMG элемент

<div> 
    <img> 
    <p><img></p> 
    <div> 
     <p> 
      <img> 
     </p> 
    </div> 
</div> 

Кроме того, я хочу, чтобы фильтровать их по размеру, так я использовал if (imgs.width() > 1080) {}

Я использую метод jQuery find(), но не имеет никаких ошибок или результатов. Вот то, что у меня есть

var imgs = $(".entry-content").find("img"); 
    imgs.each(function() { 
    if (imgs.width() > 1080) { 
    imgs.css({"width": "100%", "height": "auto"}); 
    } 
    }); 

ответ

1

Не думаю, что вам нужно вообще пользоваться поиском. В jQuery вы захотите использовать $ (this) для таргетинга на конкретный экземпляр этого цикла.

$('.entry-content img').each(function (i, o) { 
    if ($(this).outerWidth() > 1080) { 
    $(this).css({"width": "100%", "height":"auto"}); 
    } 
}); 
+0

Не повлияет ли это на прямых потомков контейнера '.entry-content'? – Chris

+0

Это повлияет на любое изображение, содержащееся в '.entry-content', независимо от того, насколько глубоким. –

Смежные вопросы