Javascript 替换为jquery错误

您好，我正在尝试替换一个div的内容，以重置slimbox2库的结构

然而，由于图像src中有/，它将其视为javascript错误。 我记得有一个角色你必须用它来代替，还是我错了

function destroyGallery(){
    $('#imageGal').replaceWith("<li><img src="images/products/castles/camelot/medium/1.jpg" title="Camelot Castle" id="mainProdPicture"/></li>
        <li><img src="images/products/castles/camelot/medium/2.jpg" title="Camelot Castle" /></li>
        <li><img src="images/products/castles/camelot/medium/3.jpg" title="Camelot Castle" /></li>");

}

函数库（）{
$（'#imageGal'）。替换为（“


”；
}

您有双引号冲突

尝试：

function destroyGallery(){
    $('#imageGal').replaceWith('<li><img src="images/products/castles/camelot/medium/1.jpg" title="Camelot Castle" id="mainProdPicture"/></li><li><img src="images/products/castles/camelot/medium/2.jpg" title="Camelot Castle" /></li><li><img src="images/products/castles/camelot/medium/3.jpg" title="Camelot Castle" /></li>');   
}

函数库（）{
$（“#imageGal”）。替换为（“
”）；
}

双引号，将其更改为：

function destroyGallery(){
    $('#imageGal').replaceWith('<li><img src="images/products/castles/camelot/medium/1.jpg" title="Camelot Castle" id="mainProdPicture"/></li>\
        <li><img src="images/products/castles/camelot/medium/2.jpg" title="Camelot Castle" /></li>\
        <li><img src="images/products/castles/camelot/medium/3.jpg" title="Camelot Castle" /></li>');

}

函数库（）{
$（'#imageGal'）。替换为（'
\
\
(),；
}
我不认为在字符串的中间也能接受断线，但是，引用是主要的问题。<代码> < LI> < /代码>元素应该有<代码> UL> 或<代码> < /Cord>父元素。