JQuery - 未捕获的 SyntaxError：意外的标识符

Question

我有以下带有 JQuery 的代码，我在 var nueva fila = $(document.createElement('tr')); 行中收到“Uncaught SyntaxError: Unexpected identifier”错误。

function add_fields_for_membresias(event) {
var usuario_id = $('#cbx_miembro').val();

var usuario_nombre = $('#cbx_miembro :selected').text();

var rol_value = $('#cbx_rol').val();

var posicionRolEnLaTabla = $('#tb_membresias tbody tr').length;

var columna_usuarioNombre = $('td');

columna_usuarioNombre.html = usuario_nombre;

var columna_rol = $('td');

columna_rol.html("<input id='equipo_membresias_attributes_" + posicionRolEnLaTabla + "_usuario_id' name='equipo[membresias_attributes][" + posicionRolEnLaTabla + "][usuario_id]' readonly='readonly' type='hidden' value='" + usuario_id + "\'>" +
"<input id='equipo_membresias_attributes_" + posicionRolEnLaTabla + "_supervisor' name='equipo[membresias_attributes][" + posicionRolEnLaTabla + "][administrador]' readonly='readonly' type='hidden' value='" + rol_value + "\'>" +
"<input id='equipo_membresias_attributes_" + posicionRolEnLaTabla + "_id' name='equipo[membresias_attributes][" + posicionRolEnLaTabla + "][id]' readonly='readonly' type='hidden'>" +
"<input id='equipo_membresias_attributes_" + posicionRolEnLaTabla + "__destroy' name='equipo[membresias_attributes][" + posicionRolEnLaTabla + "][_destroy]' type='hidden' value='false'>");

var columna_opciones = $('td');

columna_opciones.html("<input class=\"btn btn-mini\" onclick=\"remove_fields(this);\" type=\"button\" value=\"Quitar\">");

var nueva fila = $('tr');

nueva_fila.append(columna_usuarioNombre);
nueva_fila.append(columna_rol);
nueva_fila.append(columna_opciones);

$('#tb_membresias tbody').append(nueva_fila);
}

有人可以帮助我吗？

我也尝试过：

"<input class=\"btn btn-mini\" onclick=\"remove_fields(this);\" type=\"button\" value=\"Quitar\">"

Answer 1

你应该使用

$('tr');

创建一个tr 元素，而不是

$(document.createElement('tr'));

因为，您使用的是jQuery，而jQuery 会处理这些问题。要使用jQuery 创建任何元素，您只需提供该element/tag 的名称，例如，要创建一个td，您可以使用

var td = $('td');

对于一个 div，只需使用

var div = $('div');

就是这样。

更新：在您的代码中

var nueva fila = $(document.createElement('tr'));

这里，nueva fila 不是一个有效的变量名，它应该是一个单词，没有任何空格，比如

var nuevafila = $('tr');

或者你可以使用

var nueva_fila = $('tr');

在 MDN 上查看 Variables。