Javascript 试图使用jQuery隐藏字段，但在显示原始字段数毫秒后，它会将其隐藏

我对jQuery非常陌生，对高效编码知之甚少。我试图隐藏一个包含“电子邮件”和“电话”的字段，并且能够完美地隐藏它，但是！但是…在显示原始字段几毫秒后，它会隐藏该字段。如果您能够以某种方式读取字段，那么隐藏字段或删除字段有什么意义，对吗

下面是正在发生的事情

注意：我正在本地主机和WordPress平台上尝试

这是我正在使用的代码

jQuery(document).ready(function($){

  $(".single-at_biz_dir .atbd_contact_info ul").children().each(function() {
    if ($(this).is(":contains('Phone')") || $(this).is(":contains('Email')")) {
            $(this).hide();
    }
  });
});

我还尝试使用以下代码更改文本，它再次显示原始文本几毫秒，然后更改它

 jQuery(document).ready(function($){
    $(".single-location .tdb_header_menu li:nth-child(1) .tdb-menu-item-text").text("Home");
});

是否有可能在不显示原始内容的情况下加载带有更改的页面

任何帮助都将不胜感激

---

谢谢。

正如上面评论中所述，这是因为jQuery在加载文档之前不会运行，所以这里最好的解决方案是使用CSS并针对要隐藏的项的id或类

如果您不想直接以这些元素为目标，您可以使用“hacky”路线，使用CSS隐藏整个无序列表。然后使用jQuery隐藏特定的列表项，并在最后再次显示列表

jQuery(document).ready(function($){

  $(".single-at_biz_dir .atbd_contact_info ul").children().each(function() {
    if ($(this).is(":contains('Phone')") || $(this).is(":contains('Email')")) {
            $(this).hide();
    }
  });
  $(".single-at_biz_dir .atbd_contact_info ul").show();
});

---

尝试将display:none添加到该字段的CSS样式中。然后在jQuery中，您可以在需要时使用.show（），但它不会在初始绘制中呈现。jQuery显示和隐藏基本上是切换显示css属性。使用css隐藏对我来说不是一个解决方案，否则我一开始就会这么做。我正在尝试编辑单个列表页面，该页面可能有许多字段，具体取决于每个帖子，因此“li”元素的第n个子元素对于所有帖子都不相同（谢谢你的评论：）嗯。我不做wordpress，但我打赌那些电话和电子邮件字段有某种数据id属性，使它们与其他字段不同。如果你知道这是什么，你可以在页面顶部放置一个带有特殊css选择器的短样式标签，使它们在加载时始终不显示。。。？只有idea.JQuery在加载文档之前不会运行，因此，如果页面加载速度慢，则脚本不会立即运行。防止它出现在页面加载上的唯一方法是按照@joshstrike的建议通过CSS或在服务器端。这可能有点“黑客”，但这是一个很好的简单解决方案，特别是对于不能直接在CSS中选择元素的OP@毛茸茸的（谢谢）Aerodectyl-如果这解决了您的问题，您是否可以将其标记为已解决？