如何执行第二个jQuery片段以添加HTML代码

Question

我想删除所有具有图标的类。另外，我想更换他们的HTML代码。

有 .icon-eye-open上有字体很棒的图标，我想更改为Twitter心脏代码。

我设法删除了类，因此我有空的空间来添加HTML代码，但我坚持选择如何采用方式。我用谷歌搜索了很多不同的方式，但是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>');
});

- 或 - 就像罗伊(Roy(在评论中所说的那样，删除休息时间。

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