小编use*_*338的帖子

如何使用jquery DOM操作动态构建/添加列表元素(ul,ol,li)

我正在编写一个ajax网页(使用IE 8),需要从返回的数据中动态地在jquery中构建一个列表.稍后,我将把列表转换为jquery accordian.

我也在尝试学习使用这些jquery函数和链接的正确方法.我只是一个jquery NOOB,但了解javascript.我发现了一篇关于jquery dom函数的好文章:http://www.packtpub.com/article/jquery-1.4-dom-insertion-methods

我想尽可能多地使用jquery dom函数和jquery链接添加,而不使用文本来使用html源代码.我想大多使用.wrap(),.appendto(),.attr(),.text(),和.parent().如果有一个更有效的方式,请告诉我 - 我不认为
" .attr("class", "CC_CLASS").是添加课程的最佳方式.

给出html代码:
.wrap()

使用Jquery dom函数将其更改为以下内容:

<div id="outputdiv"></div>
Run Code Online (Sandbox Code Playgroud)

我发现了一些代码(忽略了文本中的空格).

<div id="outputdiv"> 
 <ul id="JJ_ID"> 
  <li> AAA_text </li> 
  <li id="BB_ID"> BBB_text </li> 
  <li class="CC_CLASS"> CCC_text </li> 
  <li id="DD_ID">DDD_text<br/> 

    <ol id="EE_ID"> 
      <li> FFF_text </li> 
      <li id="GG_ID"> GGG_text </li> 
      <li class="HH_CLASS"> HHH_text </li> 
    </ol> 

  </li> 
 </ul> 
</div>
Run Code Online (Sandbox Code Playgroud)

不知何故将(fObj + gObj + hObj)添加到eObj中?

var aObj = $('<li></li>').text("AAA_text")
var bObj = …
Run Code Online (Sandbox Code Playgroud)

javascript jquery text append attr

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

append ×1

attr ×1

javascript ×1

jquery ×1

text ×1