jQueryが生成されたテーブルの後にdivを追加する

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方法と、次の文までではありません。

だけhtml呼び出しと行の後afterコールで行を移動：

$(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