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 
$(document).ready(function(){
    $("ul.dlist a[href$='.html']").addClass('html');
    $("ul.dlist a[href$='.pdf']").addClass('pdf');
});
于 2011-03-01T20:05:21.677 に答える
0

.dlistを追加すると、私にとってはうまくいくようです jsfiddleの動作例

$(".dlist [href$='.html']").addClass('html');
$(".dlist [href$='.pdf']").addClass('pdf');
于 2011-03-01T20:11:55.157 に答える