表只显示第一列？

Question

表中仅显示第一列数据。我做错了什么。

这是我的代码。任何意见将是有益的。感谢。

$sResults.find("product").each(function() {
  var col1 = $(this).find('id').text();
  var col2 = $(this).find('title').text();
  var col3 = $(this).find('brand').text();
  var col4 = $(this).find('price').text();

  $('#product_table').append("<tr><td>" + col1 + "<td></td>" + col2 + "<td></td>" + col3 + "<td></td>" + col4 + "<td></td></tr>");

Answer 1

您生成的HTML包含不匹配的开始/结束<td>标记。试试这个：

$('#product_table').append("<tr><td>" + col1 + "</td><td>" + col2 + "</td><td>" + col3 + "</td><td>" + col4 + "</td></tr>");

Answer 2

您的<td>元素是向后的。您在关闭第一个{。}之前开始下一个<td>。

$('#product_table').append("<tr><td>" + col1 + "</td><td>" + col2 + "</td><td>" + col3 + "</td><td>" + col4 + "</td></tr>");