仅当父级没有其他div.class时，才在子级中添加div.class

Question

i have a html code like this:

<div class="someclass">
    <div class="childclass"></div>
    <div class="checkclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
    <div class="checkclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
    <div class="checkclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
</div>

and i need to add a div only on those divs that dont have that "checkclass", so it will like this:

<div class="someclass">
    <div class="childclass"></div>
    <div class="checkclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
    <div class="newclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
    <div class="checkclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
    <div class="checkclass"></div>
</div>
<div class="someclass">
    <div class="childclass"></div>
    <div class="newclass"></div>
</div>

i tried with jquery something like:

$('.someclase:not(children(hasClass(checkclass))').append('<div class="newclass"></div>');
$('.someclass:not(:children(.checkclass))').append('<div class="newclass"></div>');
$('.someclass > :not(.checkclass)').append('<div class="newclass"></div>');

but still nothing, any ideas?

Answer 1

Try something like:

$(".someclass").each(function(){
    if(!$(this).find(".checkclass").length)
    {
        $(this).append("<div class='checkclass' />");
    }
});

What you tried is getting all elements that not have the checkclass class. Not the DIV's that don't have a child with checkclass.

Answer 2

Filter is a good solution for this:

$('div.someclass').filter(function() {
    return $(this).children('div.checkclass').length === 0;
}).append('<div class="newclass"></div>');

http://jsfiddle.net/infernalbadger/GKgc9/

Answer 3

Try this

        $('.someclass').each(function(){
            if(!$(this).find('.checkclass').length){
                $(this).append('<div class="newclass">Test</div>');
            }
        });

Answer 4

$(':not .checkclass').closest('.someclass');

要么

$('.someclass').not( $('.checkclass').closest('.someclass') );

Answer 5

if (!$(someClass).hasClass(checkClass)) {
    $(someClass).addClass(newClass);
}