javascript - 尝试在 jquery 中添加复杂的文章

Question

我正在尝试使用 jquery 的 .html 或 .append 将文章标签添加到我的 html 中。

$('.tasks').html('
    <article>
    <a><img src="img/details.png"></a>
    <a href="#"><img src="img/urgent.png"></a>
    <h1>Mar.</h1>
    <a href="#"><img class="cal" src="img/cal.png"></a>
    <h1>Week 2 Project</h1>
    </article>
');

也许您不能使用 .html 或以这种方式附加？我也尝试过使用连接将其分解。

提前致谢!

Answer 1

你不能在这样的字符串文字中有换行符

您可以在行尾使用 \ 来指示字符串文字在下一行继续

$('.tasks').html(' \
    <article>\
    <a><img src="img/details.png"></a>\
    <a href="#"><img src="img/urgent.png"></a>\
    <h1>Mar.</h1>\
    <a href="#"><img class="cal" src="img/cal.png"></a>\
    <h1>Week 2 Project</h1>\
    </article>\
');

或者使用字符串连接

$('.tasks').html('<article>' +
    '<a><img src="img/details.png"></a>' +
    '<a href="#"><img src="img/urgent.png"></a>' +
    '<h1>Mar.</h1>' +
    '<a href="#"><img class="cal" src="img/cal.png"></a>' +
    '<h1>Week 2 Project</h1>' + 
    '</article>');