jQUery append.html(数据)如何在不重叠第一个附加的情况下进行附加

Question

如何在不重叠或覆盖第一个追加的情况下追加我的div？

我的jQuery代码正确吗？

$(function() {
    $(".videoThumbS").live('click', function(e) {
        e.preventDefault();
        var dataString = $(this).siblings('input[name="v_w_id"]').val();
        $.ajax({ 
            type: 'POST',                                  
            url: 'api.php',
            data: { v_w_id: dataString },
            dataType: 'html',
            success: function(data) {
                var viewrecord = dataString;
                $('.selected_thumbs').append('<div id=".new_thumb"></div>').html(data);
                $("."+viewrecord).hide();
            }
        });
    });
});

我的按钮<input class="videoThumbS" type="button" name="selectSel" value="Select" id="selectbut" />

以及它将显示的div<div class="selected_thumbs"></div>

我需要创建一个新的div吗？我需要做什么才能使它不会重叠。。。

我的示例网站是这样的。http://cocopop12.site11.com/v2.2/

Answer 1

试试这个，

$('.selected_thumbs').append($('<div id=".new_thumb"></div>').html(data));

Answer 2

您也可以执行以下操作：

$('.selected_thumbs').append('<div id=".new_thumb">' + data + '</div>');