jquery - 使用 jQuery 注释页面链接

Question

我正在做 Joe Marini 的 Lynda.com jQuery Essential Training。第 2 章，注释页面链接的实际示例。这是在任何 .pdf 文件的页面链接旁边添加一个小图标 gif。我正在使用 jquery-1.10.2.min.js。按照说明，我输入的代码是：

$(“document”).ready(function() {
        $(“a[href$=.pdf]”).after(“&lt;img src=’images/small_pdf_icon.gif’ align=’absbottom’ />”);
});

它在 Chrome 的 Java 控制台中返回此错误： 未捕获的错误：语法错误，无法识别的表达式：a[href$=.pdf] 抱歉，无法发布课程的屏幕截图。还没有声望。

我只是输入错误吗？或者，自从本课是使用 jquery 和早期版本完成后，它是否会发生变化？谢谢

score 3 · Accepted Answer

您可能需要用两个反斜杠转义点\\

选择器将是$(“a[href$=\\.pdf]”)

要使用任何元字符（例如 !"#$%&'()*+,./:;<=>?@[]^`{|}~ ）作为名称的文字部分，它必须用两个反斜杠转义：\。例如，id="foo.bar" 的元素可以使用选择器 $("#foo\\.bar")

编辑

.pdf正如@Cherniv 和@zzzzBov 指出的那样，添加引号也可以

score 2 · Accepted Answer

或者只是.pdf用单引号括起来：

 $("a[href$='.pdf']").after("<img src=’images/small_pdf_icon.gif’ align=’absbottom’ />");

score 1 · Accepted Answer

应该：

$("document").ready(function() {
    $("a[href$=.pdf]").after("<img src='images/small_pdf_icon.gif' align='absbottom' />");
});

score 1 · Accepted Answer

选择器需要被引用：

$('a[href$=".pdf"]');

value：一个属性值。可以是不带引号的单个单词或带引号的字符串。

4 回答 4