在JavaScript jQuery中使用換行

Question

我在用

$('#'+type+'name'+id).hide().html('ghj').fadeIn(150);

哪個工作正常。 但是當我使用

$('#'+type+'name'+id).hide().html('
A lot of html code
').fadeIn(150);

該功能不再起作用。 由於我想使函數保持整潔，因此我想將HTML放在多行中。 為什么不起作用？

編輯：仍然不起作用：

function Rename(type,id,content){
$('#'+type+'name'+id).hide().html(' '+
    '   <td height=\"20\" valign=\"middle\">'+
    '       <span onclick=\"RenameDo(\'notify\',\''+id+'\',''+content+'')\">'+
    '           <img title=\"Wijzigen\" class=\"LinkImage\" src=\"/common/images/save.png\">'+
    '       </span>'+
    '   </td>'+
    '   <td valign=\"middle\" rowspan=2>&nbsp;fghfgh</td>'+
' ').fadeIn(150);

}

Answer 1

只需使用+連接長字符串：

$('#'+type+'name'+id).hide().html(' ' + 
'A lot of html code' +
' ').fadeIn(150);

或使用\\轉義換行符：

$('#'+type+'name'+id).hide().html('\
A lot of html code\
').fadeIn(150);

---

更新資料

對於特定的字符串，請使用以下命令：

function Rename(type,id,content){
    $('#'+type+'name'+id).hide().html(' '+
        '   <td height="20" valign="middle">'+
        '       <span onclick="RenameDo(\'notify\',\'' + id + '\',\'' + content + '\')">' +
        '           <img title="Wijzigen" class="LinkImage" src="/common/images/save.png">'+
        '       </span>'+
        '   </td>'+
        '   <td valign="middle" rowspan=2>&nbsp;fghfgh</td>'+
    ' ').fadeIn(150);
}

Answer 2

有兩種方法可以做到這一點，即“仍然有效的黑客方式”和“適當的方式”。

破解方式：

$("#"+type+"name"+id).hide().html("\
A lot of html code\
").fadeIn(150)

說明：通過在行的末尾添加反斜杠，可以有效地“轉義”換行符，以便忽略換行符，而不是不終止的字符串常量。

合適的方式：

$("#"+type+"name"+id).hide().html(
"A lot of html code\n"
+"Just adding some more\n"
+"Because whitespace outside of strings is fine."
).fadeIn(150)