Javascript 如何使用jquery将div的内部HTML替换为文本？

在下面的HTML中，在页面中呈现

<div class="breadcrumb">
<span class="breadcrumb-trail" id="ctl00_ContentPlaceHolder1_ctl00_bc_content"><a title="" href="/default.aspx" target="_self">Home</a> &gt; <a title="" href="/summary.aspx?sid=105&amp;pid=133" target="_self">Summary</a></span>
</div>

因此，HTML将更改为以下内容：

<div class="breadcrumb">
<span class="breadcrumb-trail" id="ctl00_ContentPlaceHolder1_ctl00_bc_content"><a title="" href="/default.aspx" target="_self">Home</a> &gt; Summary</span>
</div>

总结

如何使用jQuery实现这一点

$('.breadcrumb-trail a:contains("Summary")').replaceWith('Summary');

或

如果你想短一点的话，可以用

拉小提琴：

或

如果你想短一点的话，可以用

---

胡闹：

考虑使用thttp://api.jquery.com/html/

$(document).ready(function(){
    $("#ctl00_ContentPlaceHolder1_ctl00_bc_content").html("Summary")
}

---

考虑使用thttp://api.jquery.com/html/

$(document).ready(function(){
    $("#ctl00_ContentPlaceHolder1_ctl00_bc_content").html("Summary")
}

使用

您可以根据需要更改选择器。当前选择器选择具有面包屑轨迹类的元素中的最后一个子元素“a”。

使用

您可以根据需要更改选择器。当前选择器选择具有breadcrumb trail类的元素中的最后一个子元素“a”。

尝试以下操作：

$(document).ready(function(){
    var text = $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').text();
    $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').remove();
    $('#ctl00_ContentPlaceHolder1_ctl00_bc_content').append(text);
});

或者您可以使用：

 var text = $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').text();
 $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').replaceWith(text);

试试这个：

$(document).ready(function(){
    var text = $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').text();
    $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').remove();
    $('#ctl00_ContentPlaceHolder1_ctl00_bc_content').append(text);
});

或者您可以使用：

 var text = $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').text();
 $('#ctl00_ContentPlaceHolder1_ctl00_bc_content a:last-child').replaceWith(text);

---

工作演示

您的ID看起来像Visual studio生成的用户控件，您可以简单地执行此操作

这将满足您的需要

：）

代码

$(document).ready(function () {
    $('a').filter(function (index) {
       if ($(this).text() === "Summary")
           $(this).replaceWith('Summary');
        return $(this).text() === "Summary";
    });

});

---

工作演示

您的ID看起来像Visual studio生成的用户控件，您可以简单地执行此操作

这将满足您的需要

：）

代码

$(document).ready(function () {
    $('a').filter(function (index) {
       if ($(this).text() === "Summary")
           $(this).replaceWith('Summary');
        return $(this).text() === "Summary";
    });

});

---

+1，是的，我想知道为什么没有人能看到html id是用户控制代码，因此使用它不会解决OP的问题

：）

我在下面展示了另一种使用过滤器的方法。但我不是悲观的投票者（我只是想说清楚+1，是的，我想知道为什么没有人能看到html id是用户控制代码，因此使用它不会解决OP的问题

：）

我在下面展示了另一种使用过滤器的方法。但我不是悲观的投票者（我只是想说清楚！为什么要投反对票，请解释一下<代码>：）随机否决票没有帮助！和去激励

：P

siiigh！为什么要投反对票，请解释一下<代码>：）随机否决票没有帮助！和去激励

：P

siiigh！