如何删除<a href=""> Link Tag for a Specific Value using Jquery</a>

时间:2012-11-09 04:50:23

标签: jquery dom-manipulation

我在具有以下<td>元素的报表中有以下情况。请注意,这可能会出现多次,因为它是一份报告。

我的问题是,当值为'N'时,使用jQuery,我想删除整个<a href> tag并仅显示'N'的值,而不是下面的下划线,否则如果值为'Y',然后保持原样。

例如:

<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>

3 个答案:

答案 0 :(得分:7)

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

Live DEMO

答案 1 :(得分:0)

添加您选择的类名,以便您可以更好地控制所有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");
    }
  });
});

答案 2 :(得分:0)

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