Question

我试图将appendTo（）元素添加到文档中。我有：

                    jQuery('<div/>', {
                        id: "1",
                        style: "float:right;",  
                        rel: data.uploadFileList[0].id,
                        onmouseover: ""                            
                    }.addClass("delete")                            
                        ).appendTo($("[id='"+value+"']").find('#'+parameter));  


                    jQuery('<a/>', {
                        href: url,
                        rel: "lightbox"
                    }).addClass("icon")
                    .appendTo($("[id='"+value+"']").find('#'+parameter));

我可以在一个jQuery（）中做些怎么做？逐个添加两个元素？

Answer 1

追加为jQuery元素的数组。使用：

$([$('<div >', {
    id: "1",
    style: "float:right;",  
    rel: data.uploadFileList[0].id,
    onmouseover: ""                            
}), $('<a/>', {
    href: url,
    rel: "lightbox"
})]).appendTo($("[id='"+value+"']").find('#'+parameter))

Answer 2

当你在JS中拥有所有这些HTML时，它往往会变得混乱。我将使用模板并立即将整个模板附加到元素。基本结构：

<script type="template/javascript" id="MyTemplate">                         
       <p>Hello {{name}}</p>                        
 </script>

<script>
var html = $("#MyTemplate").html()
                           .replace(/{{name}}/,name);
$("#someDiv").append(html);
</script>

Answer 3

如果你真的想要一个简单的陈述，你可以做

$('#'+parameter).append(
   '<div id=1 style="float:right;" rel="'+data.uploadFileList[0].id+'" class=delete></div>'
   + '<a href="'+url+'" rel="lightbox" class=icon></a>'
);

但这真的是一种改进吗？

请注意，我认为复杂元素搜索的第一部分并不是一个条件，而是多余的（一个id只能在文档中出现一次）。

使用jQuery（）添加元素

3 个答案: