DIVに画像が含まれているかどうかを確認してください

Question

DIVに画像があるかどうかを調べようとしています。これはdivの下で任意のレベルでimgを見つけるでしょう

$('.customData div').each(function() { 
    if ($(this).find('img').length) { 
     // there is an image in this div, do something... 
    } 
}); 

：これを試してみてください

<li class="customData"> 
    <div class="customdata1"><img src="" /></div> 
    <div class="customdata1"><input type="text" /></div> 
</li> 

Answer 1

：私のDIVの構造としてあります。あなたが唯一の直接の子孫としてそれをしたい場合は、if条件のためにこれを使用します。

$(this).find('> img').length 

Answer 2

あなたは

$('.customData div:has(img)').doSomething() 

ないあなたがカウントしたい場合、あなたは何をしたいのかわからhas()セレクタを使用することができます例えばそれら：

alert( $('.customData div:has(img)').length) 

APIのRefrence http://api.jquery.com/has-selector/

Answer 3

多分これが

if ($(".customData:contains('img')")) { 
console.log("sucess"); 
} 

Answer 4

まず物事を助ける最初のdiv

var dD = getElementById("desiredDivID");

は今のdivの子要素を見つけることができます指定することができます：あらゆるを通じて

var elements = dD.childNodes.length; 

今、私たちのループを要素ノード：

for(index = 0; index < elements; index++){ 
node = dD.childNodes[index]; 
if (node && node.nodeType == 1 && node.nodeName == 'IMG'){ 
    dD.removeChild(node); 
      } 
} 

最後のifステートメントでは、ノードが存在することを確認し、ノードのタイプとノード名を確認します。それぞれのチェックはtrueを返さなければならず、.removeChild（node）は 'IMG'文字列でマークされた指定された要素ノードを削除します。

Answer 5

イメージがあるかどうかを確認したい場合は、src属性を確認する必要があります。ダイナミックな環境では時々起こる（通常のHTMLではなく実際のプログラミングコードで）。

$('.customData .customdata1').find('img').attr('src');