{"id":63,"date":"2016-04-14T22:41:00","date_gmt":"2016-04-14T14:41:00","guid":{"rendered":"http:\/\/www.sunpengcheng.com\/?p=63"},"modified":"2016-04-14T22:54:22","modified_gmt":"2016-04-14T14:54:22","slug":"jquery-html-clone","status":"publish","type":"post","link":"https:\/\/www.sunpengcheng.com\/index.php\/2016\/04\/14\/jquery-html-clone\/","title":{"rendered":"jQuery HTML clone"},"content":{"rendered":"<p>\u6709\u65f6\u5019\u6211\u4eec\u4f1a\u6709\u8fd9\u6837\u7684\u9700\u6c42\uff1a<\/p>\n<p>\u5728HTML\u9875\u9762\u4e2d\u5355\u51fb\u4e00\u4e2a\u6309\u94ae\uff0c\u67d0\u5904\u8868\u683c\u4f1a\u589e\u52a0\u4e00\u884c\u65b0\u7684\u5185\u5bb9<br \/>\n\u5982\u679c\u4f7f\u7528js\u76f4\u63a5\u4e32HTML\uff0c\u5728js\u4ee3\u7801\u91cc\u5c31\u4f1a\u663e\u5f97\u5f88\u4e71<br \/>\n\u90a3\u4e48\u6211\u4eec\u5c31\u53ef\u4ee5\u7528\u5230jQuery\u7684clone\u65b9\u6cd5\u4e86<\/p>\n<p>Step 1. HTML\u4ee3\u7801\u4e2d\u6dfb\u52a0Template<br \/>\n[xhtml]<br \/>\n<!-- Template For Email Addr. --><br \/>\n<script type=\"application\/template\" class=\"template\"><\/p>\n<tr>\n<td class=\"name\"><\/td>\n<td class=\"email\">\n\t\t\t<input type=\"text\" class=\"text email\" name=\"mailTo\" value=\"\" readonly=\"readonly\">\n\t\t<\/td>\n<td class=\"checkbox\"><img decoding=\"async\" src=\"\/images\/wrong.gif\"><\/td>\n<\/tr>\n<p><\/script><!-- END Template For Email Addr. --><br \/>\n[\/xhtml]<\/p>\n<p>Step 2. JS\u4e2d\u53ef\u4ee5\u8fd9\u6837\u83b7\u53d6HTML Template\uff0c\u5e76\u66ff\u6362\u5185\u5bb9\u8ffd\u52a0\u5230\u73b0\u6709\u7684HTML\u540e<br \/>\n[js]<br \/>\nvar emailItem = $($(&#8220;script.template&#8221;).html()).clone();<br \/>\nemailItem.attr(&#8220;id&#8221;, userId);<br \/>\nemailItem.find(&#8220;td.name&#8221;).text(userName);<br \/>\nemailItem.find(&#8220;td.email input&#8221;).val(userEmail);<br \/>\n$(&#8220;#email-selected&#8221;).append(emailItem);<\/p>\n<p>$(this).closest(&#8220;tr&#8221;).fadeOut(1000, function() {<br \/>\n\t$(this).closest(&#8220;tr&#8221;).remove();<br \/>\n});<br \/>\n[\/js]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6709\u65f6\u5019\u6211\u4eec\u4f1a\u6709\u8fd9\u6837\u7684\u9700\u6c42\uff1a \u5728HTML\u9875\u9762\u4e2d\u5355\u51fb\u4e00\u4e2a\u6309\u94ae\uff0c\u67d0\u5904\u8868\u683c\u4f1a\u589e\u52a0\u4e00\u884c\u65b0\u7684\u5185\u5bb9 \u5982\u679c\u4f7f\u7528js\u76f4\u63a5\u4e32HTM<\/p>\n<p><a class=\"moretag\" href=\"https:\/\/www.sunpengcheng.com\/index.php\/2016\/04\/14\/jquery-html-clone\/\">Continue Reading&hellip;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[22],"class_list":["post-63","post","type-post","status-publish","format-standard","hentry","category-jquery","tag-jquery-clone"],"_links":{"self":[{"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/posts\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":4,"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/posts\/63\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sunpengcheng.com\/index.php\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}