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或纯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>');
});

-或- 连接两个字符串

$(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>');
});

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

1 个答案: