我在jQuery中做一个$.post()
,并在响应中接收一个<tr>
元素,如下所示:
<tr class="editable" id="527a84eb-b430-4a33-9079-a19d00ca373c">
<td class="date">2013-04-05
</td>
<td class="amountType">Credit
</td>
<td class="amount">$5.00
</td>
<td class="category">Meals
</td>
<td class="notes"></td>
<td data-expense-report-line-item-id="527a84eb-b430-4a33-9079-a19d00ca373c" class="actionItems">
<button class="deleteLineItem">Delete</button>
<button class="editLineItem">Edit</button>
</td>
</tr>
我计划用这个函数在我的表中注入这一行:
$.post('@Url.Content("~/ExpenseReports/SaveLineItem")', {
Date: date,
Amount: amount,
AmountType: amountType,
ExpenseCategoryId: category,
Notes: notes,
ExpenseReportId: expenseReportId,
ExpenseReportLineItemId: expenseReportLineItemId
}, function (data) {
if ($('table tbody').length > 1) {
$('table tbody tr:last').slideUp(200, function () {
$(data).insertAfter('table tbody tr:first').slideDown();
});
} else {
alert(data);
$(data).appendTo($('table tbody'));
}
row.find('td.date:first input.date').val('');
row.find('td.amount:first input.amount').val('');
row.find('td.amountType:first select.amountType').val('Debit');
row.find('td.category:first select.category').val('');
row.find('td.notes:first input.notes').val('');
}, 'html');
这里的目的是在tbody
元素的第一行之后插入这一行。然而,当我尝试这样做时,我得到一个javascript错误返回:
Uncaught Error: Syntax error, unrecognized expression: <tr class="editable" id="527a84eb-b430-4a33-9079-a19d00ca373c">
<td class="date">
2013-04-05
</td>
<td class="amountType">
Credit
</td>
<td class="amount">
$5.00
</td>
<td class="category">
Meals
</td>
<td class="notes">
</td>
<td data-expense-report-line-item-id="527a84eb-b430-4a33-9079-a19d00ca373c" class="actionItems">
<button class="deleteLineItem">Delete</button>
<button class="editLineItem">Edit</button>
</td>
</tr>
在我看来,这应该是可解析的jQuery。我做错了什么?
问题是由于jQuery 1.9, 1.10.2它工作得很好