Question

我确信我在这里有正确的逻辑，然后尝试插入，但似乎没有工作...任何想法？

JS：

if(content) {
    var $table = $('<table/>');
    $table.addClass('product-table');
    $table.append(
        '<tr><td><img src="' + content[0].image + '" class="thumbnail"/></td>' + 
        '<td><strong>' + content[0].title + '</strong></td>' + 
        '<td>SKU: ' + content[0].sku + '</td>' + 
        '<td>&pound;' + content[0].price + '</td></tr>'
    );
    $table.after('<div class="button-container">' + 
                     '<a href="#">view cart</a>' + 
                     '<a href="#">checkout</a>' + 
                 '</div>');
    $(notice_content).find(notice_inner).html($table);
}

Answer 1

after方法要求目标元素（$table）位于DOM中 - 直到使用.html方法的下一个语句时才会这样。

只需在after电话号码

后的html电话号码后移动

$(notice_content).find(notice_inner).html($table);
$table.after('<div class="button-container"><a href="#">view cart</a><a href="#">checkout</a></div>');

有用的参考资料：

http://api.jquery.com/after

jQuery在生成的表之后添加div

1 个答案: