怎样把li用ajax改为动态,如何使用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代码：

使用jQuery dom函数将其更改为以下内容：

• AAA_text
• BBB_text
• CCC_text
• DDD_text
  1. FFF_text
  2. GGG_text
  3. HHH_text

我想出了一些代码(忽略了文本中的空格)。

var aObj = $('

').text("AAA_text")

var bObj = $('

').attr("id", "BB_ID").text("BBB_text");

var cObj = $('

').attr("class", "CC_CLASS").text("CCC_text");

var dObj = $('

').attr("id", "DD_ID").text("DDD_text");

var fObj = $('

').text("FFF_text");

var gObj = $('

').attr("id", "GG_ID").text("GGG_text");

var hObj = $('

').attr("class", "HH_CLASS").text("HHH_text");

以某种方式将(fObj + gObj + hObj)添加到eObj中？

var eObj = `*something*`.attr("id", "EE_ID").wrap(`*something*`);

以某种方式将(aObj + bObj + cObj + dObj + eObj)添加到jObj中？

var jObj = `*something*`.attr("id", "JJ_ID").wrap(`*something*`);

jObj.appendTo("#xmlOutputId")