jquery - 使用 jquery 检查 div 内部是否有 img 元素

Question

我正在使用 jquery 将图片拖放到目标 div。

我有一个按钮，它调用一个应该检查图像是否在 div 内的函数，但我无法让它正常工作。

我正在尝试执行以下操作：

<script>
    ....

    $( '#check' ).click(function(){
        if($("#droptarget:has(img.img1)")){
            alert("yes");
        }else{
            alert("no");
        }
    });
</script>

<img id="img1" class="img1" src="image.png">
<div id="droptarget"></div>
<a href="javascript:" id="check">check</a>

我的代码有什么问题？

编辑：总是在第一个条件下进入警报（“是”），没有 div 内的图像

Answer 1

总是一个 jQuery 对象，$()让它变得真实，试试

$( '#check' ).click(function(){
    if($("#droptarget:has(img.img1)").length > 0){
        alert("yes");
    }else{
        alert("no");
    }
});

这将检查选择器是否有任何匹配项#droptarget:has(img.img1)

Answer 2

你的脚本在上面#check，所以点击事件没有被绑定。使用$(document).ready（或只是$(...）或只是将您的脚本移动到下面#check。