Javascript 如果URL包含word，则隐藏div

如果页面的url包含某个单词，我需要隐藏一个div。感谢这个网站，我已经能够成功地找到url是否包含这个词。此代码适用于：

<script type="text/javascript">
if (window.location.href.indexOf("Bar-Ends") != -1) {
alert("your url contains bar ends");
}
</script>

if（window.location.href.indexOf（“条形图结束”）！=-1）{
警报（“您的url包含条尾”）；
}

但由于某些原因，隐藏div是不起作用的，如下所示：

<script type="text/javascript">
if (window.location.href.indexOf("Bar-Ends") != -1) {
$("#notBarEnds").hide();
}
</script>

<div id="notBarEnds">this is not bar ends</div>

if（window.location.href.indexOf（“条形图结束”）！=-1）{
$（“#notBarEnds”）.hide（）；
}
这不是酒吧的尽头

有人知道这个代码有什么问题吗？ 非常感谢您的帮助 谢谢

请注意重新订购：

<div id="notBarEnds">this is not bar ends</div>

<script type="text/javascript">
if (window.location.href.indexOf("Bar-Ends") != -1) {
$("#notBarEnds").hide();
}
</script>

这不是条端点
if（window.location.href.indexOf（“条形图结束”）！=-1）{
$（“#notBarEnds”）.hide（）；
}

或

$（文档）.ready（函数（）{
if（window.location.href.indexOf（“条形图结束”）！=-1）{
$（“#notBarEnds”）.hide（）；
}
}

等待整个文档“准备就绪”

尝试：

$(document).ready(function () {
  if (window.location.href.indexOf("Bar-Ends") != -1) {
    $("#notBarEnds").hide();
  }
});

---

脚本运行时，您的div还没有加载。

在构建HTML时，您正在运行一个内联脚本，在脚本运行时，没有名为

#notBarEnds

的

div，您需要在加载文档后将其作为函数运行。
我编写它时没有检查它，如果它不起作用更改规则：D

$(document).on('ready', function()
{
    if(window.location.href.match(/Bar\-Ends/i))
        $("#notBarEnds").hide();
});

推迟该代码段的执行，因为在评估脚本时该元素还不存在。根据您提供的内容，您没有在DOM ready上调用此代码，因此元素
$（'#notBarEnds'）
没有准备好，您无法对其调用事件。请将其包装在
$（function（）{//code}）中
我想你也可以在js周围放一个$（document）.ready（），它会工作的
$(document).on('ready', function()
{
    if(window.location.href.match(/Bar\-Ends/i))
        $("#notBarEnds").hide();
});