删除从服务器端添加的锚元素

Question

I am adding some html to div from sever side. I want to remove all anchor tags from that html but preserve their text when I am sending that html back to the server on the click of button.

Below is the Html I am adding to div from server:

<p>
    <strong><u>Database Decommission Notice – IMPORTANT NOTIFICATION</u></strong>
</p>
<p>
    <strong>FOLLOWING DATABASE(S) ARE SCHEDULED TO BE DECOMMISSIONED in 4 WEEKS </strong>
</p>

<p>
    <strong><a href="#">Why have you received this email?</a></strong>
</p>
<p>
    <a href="#">You are receiving this email as because you are an ITAO/ITAO delegate/CSM/CSM-1/key technical contact for database(s) that are scheduled to be decommissioned by 30. Below are the applications you have been identified.?</a>
</p>

Can someone please help to achieve this?

Edit: I just realized that I am not even able to select anchor tags. I am not sure if is it because I added this complete html from the server side. I tried this but it just doesn't go inside loop.

$('#btnSaveTemplate').click(function () {
            var emailbody = $('#divEmailBody');

            var atag = emailbody.children('a[href=#');
            $(atag).each(function () {
                alert($(this).contents());
            });
});

Answer 1

您可以通过以下方式使用 jQuery 执行此操作：

$('a[href="#"]').contents().unwrap();

Answer 2

You can use replaceWith

 $('a').replaceWith(function(){
       return $(this).contents();
 });

Answer 3

您可以在 Asp.NET 中使用 Regex，如下所示：

Regex.Replace(str, @"<a\b[^>]+>([^<]*(?:(?!</a)<[^<]*)*)</a>", "$1")