我如何能與jQuery

Question

做到這一點我現在有這個在我的文檔

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

其風格，有一個HTML擴展和pdf擴展的任何鏈接英寸如果網址具有擴展名，它會在鏈接之前顯示圖片。我想讓它只適用於我有一個「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]。

此外，您會注意到我在[href...]選擇器之前添加了a。這將更有效率，因爲它不需要分析所有元素，而只需要分析a元素。

Answer 2

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

Answer 3

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

Answer 4

添加.dlist似乎爲我 jsfiddle working example

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