Целевой элемент, основанный на существовании динамического атрибута стиля - Jquery

Question

я в здании приложение, которое проверяет страницу для конкретного <div>, который содержит вложенный элемент <img>

<div style="padding-bottom: 66.6%"> 
    <img src="some-src" /> 
</div> 

Окружающий DIV будет иметь разные значения padding каждый раз, когда страница обновляется; как я могу настроить таргетинг на этот div независимо от значения jQuery padding?

Примечание Я не могу использовать id или class целевой этот элемент

Answer 1

Вы могли бы искать для DIV, который имеет отступы внутри атрибута стиля:

var $div = $('div[style*=padding-]'); 
 

 
console.log($div[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="padding-bottom: 66.6%"> 
 
    <img src="some-src" /> 
 
</div>

Однако это делает не гарантируют, что на той же странице нет других разделов, которые имеют прописку как встроенные стили.

Answer 2

После код будет проверить, если ваш DIV имеет <img> тег
использование сделать из length атрибута, если > 0 ваш сНу :has<img> тег

var len = $('div[style*=padding-bottom]:has(img)').length; 
 
if(len > 0) 
 
    alert("Your DIV has "+len+ " <img> tag");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="padding-bottom: 66.6%"> 
 
    <img src="some-src" /> 
 
</div>