jquery - 如何在 jquery 中附加一个元素作为第一个子元素

Question

假设我有这样的html..

<ul id="leftNavigation">
  <table id="leftNavTable"><tr><td>blablabla</td></tr><table>
  <li>1</li>
  <li>2</li>
</ul>

我想要做的是，当我单击任何 li 时，该表应该隐藏，并且应该附加另一个表来代替该表。让我们说该表是

<table id="Selected"><tr><td>blablabla</td></tr><table>

如何在 jQuery 中做到这一点。

我尝试过这种方式，但它添加为 ul 的最后一个子元素。

$('#leftNavigation').append('<table id="Selected"><tr><td>blablabla</td></tr><table>')

提前致谢!!!!

Answer 1

改用.prepend()或.prependTo()。

检查jQuery documentation .

附加说明

但是根据您想要完成的任务，您也许应该使用 DOM replacement functionality .

当心

在 UL 或 OL 内添加 LI 以外的任何内容都是无效的 HTML。

我建议您添加一个额外的 LI，给它一些 ID 或 CSS class，然后操作其内容。