jQuery拼装HTML

  • A+
所属分类:前端

jQuery拼装HTML!

是的,这是一个很头痛的问题,至少对于我来说是。

好在之前做毕设,有过点点经验,把源码扒出来!

举个栗子,我们要拼装下面这段html

<div style="width: 250px;display:none;">
 <select datatype="*" list="listTaskExecutor" listkey="executor" listvalue="executorName"
   id="listTaskExecutor_executor" name="listTaskExecutor.executor" ondblclick="removeClick(this.id)" multiple="multiple"
   moreselect="true" style="width: 100%; height: 100px;">
 </select>
</div>

那么对应的jQuery就该这么写

var exeSelect=$("<select></select>").attr({
   "datatype":"*",
   "list":"listTaskExecutor",
   "listkey":"executor",
   "listvalue":"executorName",
   "id":"listTaskExecutor_executor",
   "name":"listTaskExecutor.executor",
   "ondblclick":"removeClick(this.id)",
   "multiple":"multiple",
   "moreselect":"true"
});
var exeNoneDiv=$("<div></div>").css({"width":"250px","display":"none"}).append(exeSelect);

当然实际工作中,你可能需要更多的变幻,例如,假设需要考虑对新增的内容增加监听内容。。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: