如何从 AJAX 响应中删除所有 href

Question

我正在导入一个 HTML 文件，我想从其中的所有元素中删除所有 href，因此最终文本不会链接到任何地方并且看起来像“普通”文本。

我已经从这个 HTML 中提取了 div#divvy 的一部分，因此删除 href 的过程必须对其有效，而不是对所有响应。

最终结果应该发给div#pepeland。

我有这个代码：

function pepe(){
    $.ajax({
        url: 'http://www.site.com/text.html',
        dataType: 'html',
        success: function(response){
            $('#pepeland').html(jQuery(response).find('#divvy').html());
        }
    });
};

我认为但不确定是否应该在上面的代码中插入类似以下几行的内容，但我不知道该怎么做。

$(response).querySelectorAll("href").remove();

或

$(response).attr('href', '');

或

response.replace("href", '');

---

在下面的答案中，我意识到我想要的是删除所有标签而不删除文本。因为单词的格式始终带有下划线和标签的所有属性。所以烤写了我的正确答案，见下文！

Answer 1

我需要查看您的 html 文件以了解如何选择元素，但您需要遍历所有元素以全部替换它们。所以像这样......

$('YOUR SELECTOR').each(function(){
      $(this).contents().unwrap();
});

这将取消锚标记并使其成为纯文本。

类似于这个问题的答案..Remove a HTML tag but keep the innerHtml

Answer 2

我会这样做：

$.ajax({
    url: 'http://www.site.com/text.html',
    dataType: 'html',
    success: function(response){
        $('#pepeland').html(response);
        $('#pepeland a').removeAttr('href');
    }
});

这将删除附加 html 内所有链接上的 href 属性

Answer 3

试试这个：

function pepe(){
    $.ajax({
        url: 'http://www.site.com/text.html',
        dataType: 'html',
        success: function(response){
            var $divvy = $(response).find('#divvy');
            $divvy.find('a').each(function(){$(this).replaceWith($(this).text())});
            $('#pepeland').html($divvy);
        }
    });
};