Javascript Wordpress面包屑代码

我正在尝试将“Blog”插入正在查看博客文章的面包屑中

我使用Javascript/Jquery尝试了这个方法，尝试查看url中是否有“blog”，如果有，则查找并替换。我使用的示例：

JS

if（window.location.href.indexOf（“blog”）>-1）{
$（“#crumbs>a:类型的第一个”）。替换为（“”）
}

HTML

你好，世界！

URL（域替换为#）：

虽然这似乎不是没有错误的工作。相反，谷歌浏览器控制台没有任何变化，也没有任何错误

更新：

我从script.js文件中取出代码并将其放在页脚底部，如下所示：

<script>
    $(document).ready(function() {
        if(window.location.href.indexOf("blog") > -1) {
            $('#crumbs').replaceWith('<a href="https://xarcell-studios.swagger.vip"><i class="fa fa-map-marker"></i></a><a href="#">Blog</a>')
        }
    });
</script>

$（文档）.ready（函数（）{
if（window.location.href.indexOf（“博客”）>-1）{
$（“#碎屑”）。替换为（“”）
}
});

---

现在我在chrome控制台中发现错误：$不是一个函数。

错误是什么？正如它所说，没有错误。我甚至试着只做面包屑，但还是不起作用。但我向你保证，“博客”在url中。对不起，我误解了你的最后一句话。那么你的意思是，没有明显的错误，只是不起作用？向我们展示

#crumbs

的html结构。我打赌

不是按照您的选择直接生成的孩子，或者添加了HTML，只是更改了链接。

<div id="crumbs">
    <a href="#"><i class="fa fa-map-marker"></i></a>
    <a href="#/blog/category/uncategorized">Uncategorized</a>  <span class="current">Hello world!</span>
</div>

<script>
    $(document).ready(function() {
        if(window.location.href.indexOf("blog") > -1) {
            $('#crumbs').replaceWith('<a href="https://xarcell-studios.swagger.vip"><i class="fa fa-map-marker"></i></a><a href="#">Blog</a>')
        }
    });
</script>