jQuery replaceWith不適用於圖像

Question

我試圖選擇一個圖像，然后將該圖像替換為div以及該div中的備用圖像和div，但無濟於事。

$("img[src='/brand/logo.png']").replaceWith("
    <div class=\"brander\">
        <img src=\"https:\/\/cache.graphicslib.brand.com/new-logo.png\">
        <div class=\"value-propositions\">Low price guarantee!</div>
    </div>
");

但是，似乎什么都沒有發生，我已經測試過是否選擇器正在查找圖像（帶有下面的代碼）。 我不確定選擇器是否未選擇整個圖像標簽，或者在其他地方出錯。

if ($("img[src='/brand/logo.png']").length) {
    alert ("The selector works!");
}

歡迎任何輸入。 我是JS的新手，所以我很高興歡迎所有批評和建議。

Answer 1

您的選擇器似乎無法正常工作。

var derp = $('img[src$="brand/logo.png"]').replaceWith(" \\ <div class=\\"brander\\"> \\ <img src=\\"https:\\/\\/cache.graphicslib.brand.com/new-logo.png\\"> \\ <div class=\\"value-propositions\\">Low price guarantee!</div> \\ </div>");

img[src$=是src“結尾為”可能會有所幫助。 （請注意\\和換行符，這是您可以像javascript那樣換行的方法）

http://jsfiddle.net/Mutmatt/TcE5c/12/