0

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

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

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

4

4 回答 4

3
$(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元素。

于 2011-03-01T20:04:38.437 回答
1
$(document).ready(function(){
   $("ul.dist [href$='.html']").addClass('html');
   $("ul.dist [href$='.pdf']").addClass('pdf');
});
于 2011-03-01T20:04:56.193 回答
0

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

$(".dlist [href$='.html']").addClass('html');
$(".dlist [href$='.pdf']").addClass('pdf');
于 2011-03-01T20:11:55.157 回答
0
$(document).ready(function(){
    $("ul.dlist a[href$='.html']").addClass('html');
    $("ul.dlist a[href$='.pdf']").addClass('pdf');
});
于 2011-03-01T20:05:21.677 回答