javascript - 在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);
}