Javascript 从插件生成的代码中修改不需要的HTML

我正在使用WP插件Really Simple Breadcrumbs，它为我生成以下链接：

<div class="breadcrumb">
   <a href="http://example.com"> Example 1 </a>
   " >> "
   <a href="http://example2.com"> Example 2 </a>
   " >> Blog Page Title Lorem"
</div>

" >> "
“>>博客页面标题Lorem”

---

我需要在这个html中更改两件事。第一，我需要重写第一个链接，说

。其次，我需要删除预告片“博客页面标题Lorem”。第三，我想把

>

改为

。我认为所有这些都将使用相同的技术，所以我在同一个问题中列出它们。我对JS、jQuery、CSS显示/隐藏技巧都持开放态度，不管它们是什么。我该怎么做？

如果你进入插件文件夹，你会找到breadcrumb.php 在该文件中，将有一个名为

$separator

的变量，其值设置为

>

，您应该能够在那里对其进行更改

如果要更改

的CSS，只需在style.CSS文件中使用

.breadcrumb a

至于更改内容标题，这些是插件通过数据库中的信息（标题、slug、permalinks等）生成的。第一个链接应该以你的博客标题为参数。如果不是，那么在breadcrumb.php中开始循环之前，您也可以在before中编写它，以便始终生成它

博客页面lorem是最后一个被分配到你拥有的任何页面。如果您可以在breadcrumb.php中找到生成该文件的位置，则可以删除该文件并将其放入其中：

the_title（）

祝你好运

要获取元素后面的下一个
文本节点
，请使用。
Node.nextSibling
read-only属性返回紧跟在其父节点的childNodes列表中指定节点之后的节点，如果指定节点是该列表中的最后一个节点，则返回null

该属性返回或设置当前节点的值

要设置第一个元素的
href
，可以使用
索引
，它是每个

中的第一个参数

试试这个：

$（'a'）。每个（函数（索引，项）{
如果（索引==0）{
item.href='/blog'；
}
item.nextSibling.nodeValue='>'
});

" >> "
“>>博客页面标题Lorem”

//
//查找第一个孩子并更改href
document.getElementsByClassName（'breadcrumb'）[0]。children[0]。href='/blog'；
//查找第一个子项并更改innercontent
document.getElementsByClassName（'breadcrumb'）[0]。children[0]。innerHTML='Blog'；
//查找面包屑中的所有节点
var all_nodes=document.getElementsByClassName（'breadcrumb'）[0].childNodes；
//循环查找模式
对于（var i=0；i
" >> "
“>>博客页面标题Lorem”