用JavaScript兩次轉義單引號

Question

我遇到需要兩次使用轉義引號的情況。 具體來說，我需要在javascript函數中使用單引號將變量放入，但變量本身也具有單引號。 詳細信息可以在下面看到，問題所在的行是類“ tile_name”的行：

template = '' +
    '<div name="'+$("#add_tags :selected").text()+'" class="tile" id="newsCat_gp" >' +
        '<span onclick="this.parentNode.style.display = \'none\';" class="closebtn">&times;</span>' +
        '<div class="tile__name"><b><font size="2px">'+$("#add_tags :selected").text()+'</b></font>  <a id="newCat__'+$("#idx_newsCat").text()+'img" style="text-align: right; float: right;" href="javascript:toggle5(\'newCat__\'+$("#idx_newsCat").text()+\'\', \'img\', \'newCat__\'+$("#idx_newsCat").text()+\'img\');"><img src=  "{% static '/img/minus.png' %}"></a> </div>' +
        '<div class="tile__list" id="newCat__'+$("#idx_newsCat").text()+'" style="display: block;"></div>' +
    '</div>';

我想要結果是

\'newCat__\'+$("#idx_newsCat").text()+\'\' 

變成

'newCat__'+$("#idx_newsCat").text()+' ' 

像tile_list類中的內容，最后給出newCat__20的結果，

其中$("#idx_newsCat").text()保留20。

有人知道嗎？ 非常感謝。

Answer 1

您不必在連接字符串的地方轉義

javascript:toggle5(\'newCat__'+$("#idx_newsCat").text()+'\', \'img\', \'newCat__'+$("#idx_newsCat").text()+'img\');

Answer 2

也許這會有所幫助

 var template = '' + '<div name="'+$("#add_tags :selected").text()+'" class="tile" id="newsCat_gp" >' + '<span onclick="this.parentNode.style.display = \\'none\\';" class="closebtn">&times;</span>' + '<div class="tile__name"><b><font size="2px">'+$("#add_tags :selected").text()+'</b></font> <a id="newCat__'+$("#idx_newsCat").text()+'img" style="text-align: right; float: right;" href="javascript:toggle5(\\'newCat__\\'+$("#idx_newsCat").text()+\\'\\', \\'img\\', \\'newCat__\\'+$("#idx_newsCat").text()+\\'img\\');"><img src= "{% static \\'/img/minus.png\\' %}"></a> </div>' + '<div class="tile__list" id="newCat__'+$("#idx_newsCat").text()+'" style="display: block;"></div>' + '</div>'; $('body').append(template); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>