如何執行第二個jQuery代碼段來添加HTML代碼

Question

我想刪除所有有圖標的課程。 另外，我想替換他們的HTML代碼。

有.icon-eye-open ，上面有字體真棒圖標，我想改為twitter心形片。

我設法刪除了類，所以我有空的空間來添加HTML代碼，但我堅持選擇如何的方式。 我用Google搜索了很多不同的方法，但jQuery看起來最容易點火，但顯然它不起作用。

$(document).ready(function() {
$('.visible-desktop').after('<a href="/basketedit.php?mode=2"><input id="toggle-heart" type="checkbox"/><label for="toggle-heart">❤</label></a>');
});

關鍵是我無法觸及HTML或parcial css。 Codepen： https ：//codepen.io/graphconcept/pen/vwNNwQ

Answer 1

如果您的代碼與腳本中的代碼相同，那么JS在字符串中的字符串換行方式上並不順利;

你將不得不逃避線路

$(document).ready(function() {
    $('.visible-desktop').after('<a href="/basketedit.php?mode=2"><input id="toggle-heart" type="checkbox"/> \
    <label for="toggle-heart">❤</label></a>');
});

- 或 - 連接2個字符串

$(document).ready(function() {
    $('.visible-desktop').after('<a href="/basketedit.php?mode=2"><input id="toggle-heart" type="checkbox"/>' +
    '<label for="toggle-heart">❤</label></a>');
});

- 或 - 像羅伊在評論中所說，刪除休息。

$(document).ready(function() {
    $('.visible-desktop').after('<a href="/basketedit.php?mode=2"><input id="toggle-heart" type="checkbox"/> <label for="toggle-heart">❤</label></a>');
});