javascript - 如何在 .append() 函数中的 $.each 中添加 html 元素？

Question

以下是在表格中附加 HTML 的 jQuery 代码。它返回此错误

SyntaxError: expected expression, got '}'

    $('#table').append('<tr><td class="column">'+
          $.each(phone_no, function (idx, elem){
           +'<input class="phone" name="phone[0]" value="'+elem+'" />'
         +})+
        '<a href="'+data['url']+'" target="_blank">'+
        '<span class="fas fa-external-link-alt" style="color:#222;"></span>'+
        '</a></td></tr>');

在 append() 的 $.each 中添加此 HTML 的正确方法是什么？

如果我使用它，则不会出现错误，但输入字段不会显示。

$('#table').append('<tr><td class="column">'
+$.each(phone_no, function (idx, elem){'<input class="phone" name="phone[0]" value="'+elem+'" />'
})+
'<a href="'+data['url']+'" target="_blank">'+
'<span class="fas fa-external-link-alt" style="color:#222;"></span></a></td></tr>');

Answer 1

您不能使用这样的字符串连接函数，请尝试像这样分离您的逻辑:

var html = '<tr><td class="column">';
$.each(phone_no, function(idx, elem) {
  html += '<input class="phone" name="phone[0]" value="' + elem + '" />';
});
html += '<a href="' + data['url'] + '" target="_blank">' +
  '<span class="fas fa-external-link-alt" style="color:#222;"></span>' +
  '</a></td></tr>';
$('#table').append(html);