javascript - 使用 jQuery() 添加元素

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 只能在文档中出现一次）。