Is there any way to find whether an element is a parent or ancestor of other.
I have searched the jquery and found the below method. But here we cant use any java script plain object or jquery object.
$.contains( document.documentElement, document.body ); // true How to validate? Please suggest.
Check if the number of children are there:
contains = function (parent, child) { if ( $(parent).find(child).length > 0) { return true; } else { return false; } } Use this way:
contains("body", ".check"); 
Using .closest() you can traverse up the DOM tree. If the length returned is greater than 0 then a parent/ancestor has been found.
For example:
if ($(".child").closest(".parent").length){ alert("parent / ancestor found"); } 
.parent element which is a parent of .child.:)
closest() instead of parents()... but we are talking about tiny amounts of performance here, so it's not much of an issueOne option would be to select the element, for example
if ( $('#parent .child').length ) { // the element #parent is a parent or ancestor of .child } else { // the element #parent is NOT a parent or ancestor of .child } 
if ($('#div1').children().length > 0) { alert('i'm a parent div') } The children() function returns that object has children or not. use can use it to check whether the element is parent or not.
