Javascript 如何在jquery中手动扩展ul和li

我想在jquery中手动扩展ul中的li

我的HTML

<ul id="ui-id">
  <li>A</li>
<ul id="ui-id-inner1">
  <li>S</li>
  <li>T</li>
  <li>V</li>
</ul>
  <li>B</li>
<ul id="ui-id-inner2">
  <li>G</li>
  <li>H</li>
  <li>J</li>
</ul>
  <li>C</li>
<ul id="ui-id-inner3">
  <li>O</li>
  <li>P</li>
  <li>Q</li>
</ul>
</ul>

A


T
五

B

G
H
J

C

O
P
Q

---

//如何手动在li内部扩展ul

类似于此基本示例的内容应该为您的工作打下良好的基础。如果你想要更全面的东西，你可以

ul，li{列表样式：无；边距：0；填充：0；}
ul{显示：无；位置：绝对；左侧：5em；}
li{宽度：5em；背景色：绿色；}
li：悬停ul{display:block；}
li li{背景色：红色；}

A


T
五


B

G
H
J


C

O
P
Q

我不确定我是否理解您想要实现的目标，但我怀疑这可能就是您想要的

看一看源代码——主要是CSS

---

这是无效的HTML！您不能直接在

内设置

，您需要

！还向我们展示您迄今为止尝试过的内容。展示您迄今为止尝试过的内容？？？您不需要jquery，您可以使用纯css3来实现这一点，而且如果您尝试使用google，有很多插件/示例说明如何使用jquery或css来实现这一点