一、问题
前端经常遇见需要动态生成标签,然后放在页面的某个位置,要创建每一个tag非常的麻烦。
二、利用的字符串格式化,加上多行字符串,追加在元素后面,就很迅速了
以下代码来源于网络
String.prototype.format = function (args) { var result = this; if (arguments.length > 0) { if (arguments.length == 1 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 0; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({[" + i + "]})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; }
var chattag = " <div class=‘plain‘ style=‘height: 50px;margin-top: 10px;‘> <pre class=‘js_message_plain ng-binding pull-right‘ style=‘background-color: #b2e281‘>{content}</pre></div>"; var chatdiv = chattag.format({content:content}); $(‘#chatcontent‘).append(chatdiv);
就可以迅速容易的创建标签了
时间: 2024-10-12 07:29:55