jquery - jQuery 中的动态 Div

Question

我需要为每个提交按钮创建一个唯一的 div 和一个唯一的名称 - 我是 jQuery 的新手 -请帮助我。

$(document).ready( function() {  
    done();
});

function done() {
    setTimeout( function() {
        updates();
        done();
    }, 200);
}

function updates() {
    $.getJSON("fetch.php", function(data) {
        $("ul").empty();
        $.each(data.result, function(){
            $("ul").append("<li>Item: "+this['item']+
               "</li><li>Price: "+this['price']+"<br />")

            $("ul").append("<div id='a'><input type='submit' 
                 style='position:relative;top:100px;'>" + "<br /></div>" )

        });

    });
}

Answer 1

您可以使用当前日期时间为 id 生成唯一的后缀

function generateRandomSuffix() {
    return (new Date()).getMilliseconds().toString()
}

然后添加到你的id中

$("ul").append("<div id='a" + generateRandomSuffix() +"'><input type='submit' style='position:relative;top:100px;'>" + "<br /></div>" )