0

我有一张桌子，有一排。我想用 jquery 将我的脚本的可能条件添加到行中。这是我的示例代码：

<script type="text/javascript" language="javascript">
  function loadContent() {
    var $parent = $("#productlist").empty(); //empty div
    $parent.append('<br /><table id="myTable" cellpadding="0" cellspacing="0" width="100%" class="productlist" style="margin-left:4px; padding-top:2px;"><tbody></tbody></table>');
    if (k % 3 == 0 && k == 0) {
        var $table = $parent.find("#myTable > tbody");
        var htmlRow = [
                      '<tr align="center">',
                      '<td align="center" id="colunm-product">',
                       //some data
                       '</td>'];
        $table.append(htmlRow.join(''));
    } else if ((k % 3 == 0) && (k != 0)) {
       //add more <td>
    } else {
       //close </tr>
    }
</script>

我可以创建<tr>和添加更多<td>，在可能的情况下，我会追加</tr>吗？

请问有什么意见吗？

4

2 回答 2

1

<td>您应该将该行构造为一个 jQuery 对象，然后在需要时附加其他对象。

然后最后将该行附加到表中。

if (k % 3 == 0) {
  var $table = $parent.find("#myTable > tbody");
  // htmlRow as jQuery object.
  var htmlRow = $([
    '<tr align="center">',
       '<td align="center" id="colunm-product">',
           //some data
       '</td>',
    '</tr>'].join('')
   );

  if(k != 0) {
    htmlRow.append([
       '<td>',
        // More Data
       '</td>'
       ].join(''));
  }

  // Add completed row here
  $table.append(htmlRow);
}
于 2012-06-27T02:37:20.780 回答
1 
var htmlRow = [];
if (k % 3 == 0 && k == 0) {
    var $table = $parent.find("#myTable > tbody");
   htmlRow.push(
       '<tr align="center">',
       '<td align="center" id="colunm-product">some data</td>');
    } else if ((k % 3 == 0) && (k != 0)) {
        htmlRow.push('<td align="center" id="colunm-product-2">Data 1</td>',
                     '<td align="center" id="colunm-product-3">Data 2</td>',
                     '<td align="center" id="colunm-product-2">Data 3</td>');
    } else {
        htmlRow.push('</tr>');
        $table.append(htmlRow.join(''));
    }

或者你的字符串连接

var htmlRow = '';
if (k % 3 == 0 && k == 0) {
    var $table = $parent.find("#myTable > tbody");
    htmlRow += '<tr align="center">'+
                '<td align="center" id="colunm-product">some data</td>';
} else if ((k % 3 == 0) && (k != 0)) {
    htmlRow +=
        '<td align="center" id="colunm-product-2">Data 1</td>'+
        '<td align="center" id="colunm-product-3">Data 2</td>'+
        '<td align="center" id="colunm-product-2">Data 3</td>';
} else {
    htmlRow += '</tr>';
    $table.append(htmlRow);
}

工作样本

于 2012-06-27T02:39:33.067 回答