Почему jQuery не вставляет новый HTML на основе селекторов атрибутов?

Question

Это неловко, но здесь идет. Вот страница, над которой я работаю: www.mchenry.edu / Administration / BoardSchedule.asp

Я использую версию JQuery. 1.3.1 и я ставлю тигровые полоски на стол. Все хорошо. Однако я хочу вставить класс FileInfo после всех расширений .pdf в документе, чтобы пользователи знали, что они выбирают PDF. Вот мой маленький фрагмент fileinfo.js jQuery:

$(function(){
    $('<span class="FileInfo"> PDF </span>').insertAfter('li a[href$=.pdf]');
}); 

Почему это не работает? Это что-то глупое? Этот фрагмент работает на других страницах, только не здесь. Что происходит?

Thnx.

Answer 1

Вы ищете все элементы a в элементе LI, если вы хотите использовать его в ссылках таблицы, вы должны изменить свой селектор:

$('td a[href$=.pdf]').after('<span class="FileInfo"> PDF </span>');

Answer 2

Я думаю, что вы хотите сделать ...

$(function(){
    $('table a[href$=.pdf]').after('<span class="FileInfo">PDF</span>');
});

Кстати, почему бы не использовать только CSS вместо этого?

table .pdf:after, table [href$=.pdf]:after {
    content: " PDF";
}