Question

我只有在DOM（img标签）中的特定元素存在时才运行一些代码，否则我想运行其他代码。以下就是我现在所拥有的。

原始代码：

 ed.on('blur', function (e) {
        var iFrame = $('iframe');

        $("img[src*='blob']", iFrame.contents()).each(function (i) {
            var originalUrl = $(this).prop('src');
            var that = $(this);
            // SOME CODE

           );
        });

以下是我想要的

ed.on('blur', function (e) {
    var iFrame = $('iframe');
******If ( img[src*='blob' exists in the iFrame )********
    $("img[src*='blob']", iFrame.contents()).each(function (i) {
        var originalUrl = $(this).prop('src');
        var that = $(this);
        // SOME CODE
       );
    }   
    else
    {
       // Do something else
    }
});

所以基本上如果我在iframe中找不到$("img[src*='blob']"我想运行其他代码。请指导我。

Answer 1

您需要检查jQuery对象（jQuery.length）中的元素数量：

if($('img[src*="blob"]').length > 0) {
  // your code
}

Answer 2

因此，不是仅仅执行每个操作，而是将其存储到变量中并检查长度。

var imgs = $("img[src*='blob']", iFrame.contents());
//var imgs = iFrame.contents().find("img[src*='blob']"); //how I would write it
if (imgs.length) {
    imgs.each(...)
} else {
    ...
}

Answer 3

$("img[src*='blob']").length > 0

如何在jquery中检查元素

3 个答案: