Удаление родителя без нажатия на детях

Question

У меня есть слой А и слой B внутри слоя А

http://jsfiddle.net/PhZhY/

Можно ли удалить слой А с JQuery функции remove() мыши только на на слой А а не на слой B?

Answer 1

$("body").on("click", ".a1", function(e) { 
    if (this === e.target) $(this).remove(); 
});​ 

DEMO:http://jsfiddle.net/PhZhY/1/

Answer 2

Если вы хотите .b1 остаться и удалить только .a1

$('.a1').live('click',function() { 
    $(".b1", this).unwrap(); 
}); 

http://jsfiddle.net/PhZhY/3/

Вы можете удалить, что Див, даже если вы не» не знаю ни одного ch ИСД элемент:

$('.a1').live('click',function() { 
    $(".a1 :first-child").unwrap(); 
}); 

http://jsfiddle.net/PhZhY/5/

Если вы хотите удалить .a1 DIV, если он не нажал в .b2 этого является то, что вам нужно:

$('.a1').live('click',function() { 
    $(".a1 :first-child").unwrap(); 
}); 

$('.b1').live('click',function() { 
throw "stop execution"; 
});​ 

http://jsfiddle.net/PhZhY/6/

По Комментарий @Rick Calder: Если вы хотите, вы можете использовать .addClass() для изменения класса или .removeClass() для удаления класса.

Answer 3

Вот как я прочитал вопрос:

Если нажать на .b1, ничего не должно произойти. Если вы нажмете на .a1, его следует удалить.

Если это намерение, вот JQuery:

$('.b1').click(function(e){ 
    e.stopImmediatePropagation(); 
}); 

$('.a1').click(function(){ 
    $(this).remove(); 
}); 

Вот jsbin. Примечание: css, html, бесстыдно украденный из @ Vision's jsFiddle