使用jQuery在某些href之后添加圖像

Question

我正在嘗試使用以下代碼將pdf.png添加到以.pdf結尾的每個鏈接的開頭：

$("a[href$=.pdf]").prepend('img src=/PATH/TO/THE/IMAGE/pdf.png');

但它沒有做到這一點。

當我調試它：

$("a[href$=.pdf]").click(function(){
    alert("I am an alert box");
    $(this).hide();
    });
});

它沒有事件彈出警報框。 我已經看了stackoverflow中的其他問題，它應該工作，但顯然它沒有。 有人可以幫我嗎？

Answer 1

你錯過了single quotes 。 請在這里閱讀更多相關信息。 以選擇器結束 。 此外，您還需要在creating a new element將tag名稱wrap在一對angular brackets (ex: <div/>) ，您的代碼也不包含該部分。

嘗試這個，

$("a[href$='.pdf']").prepend('<img src="/PATH/TO/THE/IMAGE/pdf.png"/>');

DEMO