jQuery 删除 Chrome 中最接近的问题

Question

菜鸟在这里抱歉。当我的 WP 循环返回具有特定类的空消息时，我正在尝试删除祖先。 Firefox 正在按预期显示，删除了所需的 DOM，但 Chrome 正在删除目标元素并且没有祖先。

基本 HTML 标记：

<div id="content" class="container site-content">
  <div id="primary" class="main-content">
    <div id="main-box-1" class="main-box border-top">
      <div class="main-box-inside">
        <p class="no-modules-msg">No posts match your criteria. Please choose different options.</p>
      </div>
    </div>
    <div id="main-box-2" class="main-box border-top  ">
      <h3 class="main-box-title">More Stuff</h3>
      <div class="main-box-inside">
      </div>
    </div>
  </div>
</div>

还有我的脚本：

(function($) {
  $("document.body").ready(function() {
    $("p.no-modules-msg")
      .closest(".main-box")
      .remove(".main-box")
  })
})(jQuery);

它在小提琴中正常工作，但不是在现场...

https://jsfiddle.net/y90gtt6t/

Answer 1

它不能在您的网站上运行的原因是因为文档很清楚，只有 document 有一个现成的处理程序

jQuery(document).ready(function($) {
    $("p.no-modules-msg").closest(".main-box").remove()
});

您对"document.body" 的使用实际上是在寻找像<document class="body"></document> 这样的元素，但它希望永远找不到。