如何在jquery中检查div的所有父项

Question

我有一个代码

  <div id="parent">
    <div>  
      <div id="child">

      </div>
    </div>
  </div>

我如何检查 - id="child"父母是id="parent"吗？

Answer 1

if($("#child").closest("#parent").length) {
  // Luke, I'm your father
}

这些也应该这样做：

if($("#parent #child").length) {
  // Noooooooo!
}
if($("#parent").find("#child").length) {
  // May the force be with you
}
if($("#parent:has(#child)").length) {
  // Very powerful jQuery selector has become
}

Answer 2

if($('#child').closest('#parent').length){
  // yes... child is inside parent
}

Answer 3

if ($('#child').closest('#parent').length > 0) {
    // child is inside parent
}

你检查孩子是否有祖先。您可以在此处详细了解.closest()功能：jQuery docs .closest()

Answer 4

if($('#child').parents('#parent').length > 0)
{
//true
}