jquery - 我怎样才能用 JQuery 实现这一点

Question

我目前在我的文档中有这个

$(document).ready(function(){
     $("[href$='.html']").addClass('html');
     $("[href$='.pdf']").addClass('pdf');
});

哪个样式具有 html 扩展名和 pdf 扩展名的任何链接。如果 url 有扩展名，它会在链接之前显示一个图像。我想让它只对我拥有的一类“dlist”的无序列表中的那些进行样式化。我怎样才能做到这一点？我尝试在 [href] 之前添加它，但什么也没发生。我遇到的问题是它在文章中设置其他链接的样式，而不仅仅是我需要的下载部分。

Answer 1

$(document).ready(function(){
     $("ul.dlist a[href$='.html']").addClass('html');
     $("ul.dlist a[href$='.pdf']").addClass('pdf');
});

ul.dlist和之间需要一个空格a[href$='.pdf']。

空间是descendant-selector^[docs]。

另外，您会注意到我在选择器a之前添加了[href...]。这将更有效，因为它不需要分析所有元素，而只需分析a元素。

Answer 2

$(document).ready(function(){
   $("ul.dist [href$='.html']").addClass('html');
   $("ul.dist [href$='.pdf']").addClass('pdf');
});

Answer 3

添加 .dlist 似乎对我 有用 jsfiddle 工作示例

$(".dlist [href$='.html']").addClass('html');
$(".dlist [href$='.pdf']").addClass('pdf');

Answer 4

$(document).ready(function(){
    $("ul.dlist a[href$='.html']").addClass('html');
    $("ul.dlist a[href$='.pdf']").addClass('pdf');
});