Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在链接元素上附加文本,href以特定值jQuery结尾_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在链接元素上附加文本,href以特定值jQuery结尾

Javascript 在链接元素上附加文本,href以特定值jQuery结尾,javascript,jquery,html,Javascript,Jquery,Html,我对jQuery还相当陌生,我已经找到了有助于解决这种情况的答案,但并没有具体做到我想做的事情 使用if语句测试元素的href是否以某个字符串值结尾。特别是以“.pdf”结尾,然后将文本(pdf)”附加到该链接文本 我知道您可以使用: $( "a[href$='.pdf']" ).text( "THIS IS A PDF LINK" ); 但是,这将覆盖链接文本。我也必须在很多元素上这样做,所以 var original = $("li a[href$='.pdf']").text(); va

我对jQuery还相当陌生,我已经找到了有助于解决这种情况的答案,但并没有具体做到我想做的事情

使用if语句测试
元素的
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);
对我不起作用。

试试这个

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

只需使用此选项即可:

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

.append()
将在本例中附加一个文本节点:

Wow perfect!这比我想象的要简单得多。未意识到存在
.append()