jquery - 如何在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 > 0) {
    // child is inside parent
}

您检查孩子是否有祖先。您可以在此处阅读有关该.closest()功能的更多信息：jQuery docs .closest()

Answer 3

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

Answer 4

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