javascript - jqueryを使用してdivの内部HTMLをテキストに置き換える方法は?

Question

以下の 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>

文書準備機能では、交換する必要があります

<a title="" href="/summary.aspx?sid=105&amp;pid=133" target="_self">Summary</a>

と

Summary

そのため、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 でこれを行うにはどうすればよいですか?

Answer 1

これを試して：

$(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);

デモ

Answer 2

実際のデモ http://jsfiddle.net/B4CrS/

あなたの ID は、Visual Studio が生成したユーザー コントロールのように見えます。これは簡単に実行できます。

これはあなたのニーズに合うでしょう:)

コード

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

});

Answer 3

jQuery.replaceWithを使用する

var node = $(".breadcrumb-trail > a:last-child");
var text = node.text();
node.replaceWith( text );

必要に応じてセレクターを変更できます。現在のセレクターは、breadcrumb-trail クラスを持つ要素内の最後の子 "a" を選択します。