how can i check, if clicked element is not child of some specific DIV element?
$("body").click(function(e) { if(e NOT child of $('#someDiv')) alert(1); }); 
- Do you mean child or descendant?Tim Down– Tim Down2012-04-16 13:35:23 +00:00Commented Apr 16, 2012 at 13:35
Add a comment |
3 Answers
if ($(e.target).parent('#someDiv').length == 0) { ... } Or, did you mean ("not an ancestor of e"):
if ($(e.target).closest('#someDiv').length == 0) { 3 Comments
Joseph
.closest() starts with the element itself and stops if it finds something. if by any chance the selector matches the child (like say using a class), it will return itself. .parents() would be safer.
Rob W
@Joseph Nicely spotted. Then use
.parent().closest('#someDiv').Joseph
@RobW missed that one. i thought the OP meant to use something
.on or .delegate.You can use the parent method with a selector to return the parent element if it matches that selector. You can then check the length property to see if the parent element was returned:
$("body").click(function(e) { if(!$(this).parent("#someDiv").length) { alert("Not a child"); } }); If you want to check whether the clicked element is not an ancestor, you can use parents instead of parent.
Comments
$('yourElement').on('click',function(){ if(!$(this).parents('theDiv').length){ //not a child } });