2017-01-21 13 views
0

私は、ネストされた<img>要素が含まれている特定の<div>用のページをチェックするアプリケーションを構築していますターゲット要素 - jQueryの

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

周囲のdivがありますページが更新されるたびに異なるpadding値。 padding値jqueryに関係なく、このdivをどのようにターゲティングできますか?

私はあなたがスタイル属性内のパディングを持つdivのために検索することができ、この要素に

+0

は、src属性の値は常に同じです> 0場合、length属性の使用を確認します画像で? – KevBot

答えて

1

をターゲットにidまたはclassを使用することはできません。注:これはない、しかし

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>

インラインスタイルとして埋め込まれている同じページに他のdivがないことを保証するものではありません。あなたのdivが<img>タグを持っている場合は、コードがチェックされます後

+0

彼は 'data-'属性のような' divs'を識別するためにいくつかの追加情報を保持する必要があります –

1


あなたのdiv :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>

関連する問題