如何使用JQuery或JavaScript刪除表中的所有鏈接？

Question

我有一個表，我想導出到Excel但我不希望任何超鏈接通過。 那可能嗎？

我注意到在JQuery刪除圖像的線程中正在做類似的事情，但我不是和我需要的一樣嗎？

如果可能的話，我還想將文字保留在標簽內？

例：

<table class="surveyTable" id="Summary">
    <tr>
        <th>Section</th>
        <th title="3584">
            <a href="test.php?id=3584">
                Call 1
            </a>
        </th> ...

我想有能力導出上面沒有href但仍保留“呼叫1”，但也許這是不可能的？

謝謝！

Answer 1

是的，這應該相當簡單，使用replaceWith的函數回調簽名：

$('#summary a').replaceWith(function() {
    return this.childNodes;
});

去除各a元素，並替換每一個與它的所有子節點。 這意味着您保留任何格式。

如果你想要純文本，那也很容易實現：

$('#summary a').replaceWith(function() {
    return $.text([this]);
});

Answer 2

您可以使用以下代碼輕松完成此操作，jQuery將處理所有a循環並用其中的文本替換它們。

 $('#Summary a').contents().unwrap();

工作小提琴

$ .unwrap（）

Answer 3

嘗試這個：

$('th a').each(function(){
   $(this).replaceWith($(this).text())
})

Answer 4

我還沒有測試語法正確性，但是，這些方面應該有用：

$('#Summary a').each( function() {
   $(this).parent().html($(this).html());
}

Answer 5

$("#Summary").find('a').each(function(){
  $(this).attr('href','#');
});

我相信這會解決你的目的。

Answer 6

$('.surveyTable tr th a, .surveyTable tr td a').each(function(){
   $(this).replaceWith($(this).text());
});​

http://jsfiddle.net/qTB8E/3/