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

我正在尝试使用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>
');

$（'.tasks'）.html（'
破坏
第2周项目
');

也许你不能用这种方式使用.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>\
');

$（'.tasks'）.html（'\
\
三月\
\
第2周项目\
\
');

或者使用字符串连接

$('.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（''+
“三月”+
'' +
“第二周项目”+
'');

感谢您的澄清！：D