Question

我在使这个工作正常时遇到了一些麻烦。

我有以下结构的面包屑

<nav class="breadcrumb" >
    <a href="http://example.com">Home</a>       
        ">"         
    <a href="http://example.com/category/Mens/">Mens</a>        
        "> Mens Clothing"       
</nav>

输出到：

Home>Mens>Mens Clothing

我想：

Home>Mens>Clothing

我的代码用于替换面包屑的最后一部分：

$(".breadcrumb").text(function(){
    return $(this).text().replace("Mens Clothing", "Clothing");
})

我的问题是我的代码删除了链接，只留下了＆＃34;

<nav class="breadcrumb" >
    "Home>Mens>clothing"
</nav>

没有链接。

不确定原因。请帮忙

Answer 1

尝试使用html()代替text()：

$(".breadcrumb").html(function(){
    return $(this).html().replace("Mens Clothing", "Clothing");
});

Answer 2

使用您当前的HTML，您可以将方法更改为

<nav class="breadcrumb" >
    <a href="http://example.com">Home</a>       
        ">"         
    <a href="http://example.com/category/Mens/">Mens</a>        
        "> <span data-last-crumb>Mens Clothing</span>"       
</nav>


$("[data-last-crumb]").text("Clothing");

用jQuery问题替换Text

2 个答案: