jQuery 选择器中的条件

Question

我对 jQuery 完全陌生，我正在尝试编写一个简单的脚本来说明我想将一个 pdf.png 图像添加到所有以 .pdf 结尾的链接以及一个以 http 开头的外部链接但我对于不同主机上的 PDF 文件，我希望脚本只添加 pdf 图像（我有一个用于添加图像的 css 文件），如下所示：

$(document).ready(function(){
    $("a[href$='.pdf']").addClass('pdf');
    $("a[href^='http']a[href$!='.pdf']").addClass('external');   
});

但当路径以 http 开头并以 .pdf 结尾时，它实际上显示了外部图像（所以它做的相反）。谁能帮我解决这个问题？

Answer 1

下面的代码会将pdf 类添加到href 以.pdf 结尾但not 以http 开头的元素。根据您的评论，您只需将external 类添加到具有href starts with http 和not ends with .pdf 的elements。请查看注释下方的代码行以满足您的需求。

试试这个，

$(document).ready(function(){
    $("a[href $= '.pdf']").addClass('pdf');
    //$("a[href^='http']a[href$!='.pdf']").addClass('external');   
    $("a[href^='http']").not("a[href $= '.pdf']").addClass('external');   

});

Answer 2

试试这个

$(document).ready(function(){
    $("a[href^='http']").addClass('external'); 
    $("a[href$='.pdf']").removeClass('external').addClass('pdf');  
});