jquery附加.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>');