How to check for element in jquery

Question

I have to run some code only when a particular element in the DOM (img tag) exists, if not then I want to run some other code. Below is what I have till now.

Original Code:

 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

           );
        });

Below is what I want

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
    }
});

So basically if I cannot find $("img[src*='blob']" in the iframe I want to run some other code. Please guide me.

Why is a dupe?? OP is using contents as a context selector.... The dupe should be how to check if an element exists... — epascarello, Nov 29 '16 at 20:43
@epascarello: What do you mean? I am confused. So below answers won't work for my code? — Unbreakable, Nov 29 '16 at 20:46

score 1 · Answer 1 · answered Nov 29 '16 at 20:40

1

You'll want to check the number of elements in the jQuery object (jQuery.length):

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

answered Nov 29 '16 at 20:40

Daerik

4,167
2
20
33

How will this code access the iFrame contents? – Scott Marcus Nov 29 '16 at 20:45

score 1 · Accepted Answer · answered Nov 29 '16 at 20:48

1

So instead of just doing the each, store it into a variable and check the length.

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 {
    ...
}

answered Nov 29 '16 at 20:48

epascarello

204,599
20
195
236

Out of all the answers, only your answer worked. Thank You sir. Your help is highly appreciated. – Unbreakable Nov 30 '16 at 16:39

score 0 · Answer 3 · answered Nov 29 '16 at 20:39

0

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

answered Nov 29 '16 at 20:39

Eric

9,870
14
66
102

How to check for element in jquery

3 Answers3