在链接元素上附加带有href且结尾为特定值jQuery的文本

Question

我对jQuery相当陌生，我已经找到了有助于解决这种情况的答案，但并没有专门做我想做的事情。

使用if语句测试<a>元素的href以某个字符串值结尾。 具体以“ .pdf”结尾，然后将文本“（PDF）”附加到该链接文本。

我知道您可以使用：

$( "a[href$='.pdf']" ).text( "THIS IS A PDF LINK" );

但是，这将覆盖链接文本。 我也必须在许多元素上这样做

var original = $("li a[href$='.pdf']").text();
var toAppend = " (.PDF)";
$("li a[href$='.pdf']").text(original + toAppend);

不会为我工作。

Answer 1

试试看

$('li a[href$=".pdf"]').each(function() {
    var original = $(this).text();
    $(this).text(original + ' (.PDF)');
});

Answer 2

简单地使用它会起作用：

$("li a[href$='.pdf']").append(' (PDF)');

在这种情况下， .append()将附加一个文本节点： http : //jsfiddle.net/2daMW/