JQuery selector: Select elements without an iframe as a child

Question

I want to delete all the elements having an iframe as a child. For example, if I want to delete all the DIVs without an iframe as a child:

$("div :not(iframe)").remove();

But it doesn't work... What would be the correct instruction?

Thank you very much!

Adil · Accepted Answer · 2013-07-18T13:09:29.403

1

You can use combination of :not and :has

$("div:not(:has(iframe))").remove();

edited Jul 18 '13 at 13:09

answered Jul 18 '13 at 13:02

Adil

@Royi Namir: Why? It's an element, not a string. – BoltClock Jul 18 '13 at 13:18
@user2595583: Yeah it's strange, but I posted a question exploring that - http://stackoverflow.com/questions/12475595/why-do-the-not-and-has-selectors-allow-quoted-arguments – BoltClock Jul 18 '13 at 13:19
@BoltClock according to the documentation (http://api.jquery.com/has/#has-selector) the argument should be a string. just like you do $("iframe") and not $(iframe) – Royi Namir Jul 18 '13 at 13:21
1

@Royi Namir: Ah, you're confusing the [`.has()` method](http://api.jquery.com/has) with the [`:has()` selector](http://api.jquery.com/has-selector). – BoltClock Jul 18 '13 at 13:24

score 0 · Answer 2 · answered Jul 18 '13 at 13:04

I want to delete all the elements having an iframe as a child

I always use a filter:

$('div').filter(function(i,el) {
    return $(el).find('iframe').length;
}).remove();

to do the opposite:

$('div').filter(function(i,el) {
    return !$(el).find('iframe').length;
}).remove();

score 0 · Answer 3 · answered Jul 18 '13 at 13:05

0

var $divsWithoutIframeChilds = $('div').filter(function(i, el){
    return $(el).find('iframe').length < 1;
});

$divsWithoutIframeChilds.remove();

answered Jul 18 '13 at 13:05

Johan

3 Answers3