js判断某个class里有没img

Question

<div class="imgpd">
123
456
789
...
<div>

判断imgpd里有没<img>标签，有的话不做任何处理，没有的话加一个<img src=*>

Answer 1

var $con = $('.imgpd')
if (!$con.find('img').length) {
    $con.append('<img>')
}

Answer 2

首先加个id

<div class="imgpd" id="imgpd">
123
456
789
...
<div>

然后获取img的长度

document.getElementById('imgpd').getElementByTagName('img').length

如果长度大于0，说明有图片，反之则没有图片

Answer 3

var div = document.querySelector('.imgpd');
var img = div.querySelector('img');
if (img === null) {
    // do something
} else {
    // ...
}

Answer 4

用jQ写：

$('.imgpd').append(function(){
    if (!$(this).children().is('img')) {
        return '<img>';
    }
});