如何刪除<a href> Link Tag for a Specific Value using Jquery

Question

I have the following situation within a report that has the following <td> element. Please note that this can appear multiples times as it is a report.

My question is, when the value is ‘N’, using jQuery, I would like to remove the whole <a href> tag and just display the value of ‘N’ alone, without the underline below it, otherwise if the value is ‘Y’ then leave it as it is.

For example:

<td align="center" headers="MPA_CHANGED"><a href="http://www.mysite.com" class="my-mpa">Y</a></td> 

<td align="center" headers="MPA_CHANGED">N</td> 

Answer 1

$('a').filter(function(){ 
    return this.innerHTML === 'N'; 
}).replaceWith('N'); 

Live DEMO

Answer 2

在你的td元素添加一個類名你選擇，讓你可以有更多的控制了目前所有的TD元素：用於如：「report_td」

所以HTML這個樣子的：

<td align="center" class="report_td" headers="MPA_CHANGED">...</td> 

然後嘗試這樣的：

$(function(){ 
    $("td.report_td").each(function(i, e){ 
    var tdElement = $(e); 
    var value = tdElement.find("a").text(); 
    if(value == "N") { 
     tdElement.html("N"); 
    } 
    }); 
}); 

Answer 3

$('a').each(function() { 
if ($(this).text() == 'N') { 
    $(this).replaceWith('N'); 
} 
});