如何选择新增加的dom

时间:2014-02-20 00:59:52

标签: php jquery ajax

如何选择新附加的dom?
因为不仅可以附加一次而不是相同的顺序,所以我认为唯一的方法是在追加新的dom时,然后设置变量等于此(在question 1中),但在追加另一个之后,那么它们都将要改变..如何解决这个问题?

我也想知道question 2为什么console.log会打印[]而不是字符串?

HTML

<div class="container">
    <!--append to here and insert value from ajax response in .id , each time click button will append new here, insert different id -->
</div>

<div class="button-insert">button</div>

<div class="inser-template">
    <div class="id"></div>
</div>

JS

$('.button-insert').click(function() {
    $.ajax({
        url: 'getlastid',
        type: 'POST',
        data: {getlastid: 'getlastid'},
    })
    .done(function(response) {
        console.log(response); // ex. 1 or … the value from database field

// question 1 
        // after append another dom, they will both be change to new value from 'response'
        var $newInsert = $('.container').append($('.insert-template').html());
        $newInsert.find($('.id').html(response));

// question 2
        // get []
        // var lastid = $(response);
        // console.log(lastid);  
})
...

问题2
php

...
// select db get last id + 1 or
$getlastid = '1';
return $getlastid;

1 个答案:

答案 0 :(得分:1)

关于第一个问题,你可以这样做:

$($('.insert-template').html())
    .appendTo('.container')
    .find('.id')
    .html('response');

对于2号,我不确定你在期待什么。我认为您的response'1'。从中创建一个jQuery对象并没有多大意义。