Как добавить элемент в качестве первого дочернего элемента в jquery

говорит, что у меня есть 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>')

Спасибо заранее!!!!

Ответы

Ответ 1

Используйте .prepend() или .prependTo() вместо этого.

Отметьте документацию jQuery.

Дополнительные примечания

Но основываясь на том, что вы пытаетесь выполнить, возможно, скорее используйте функциональность замены DOM.

Берегись

Добавление чего-либо еще, кроме LI внутри UL или OL, является недопустимым HTML.

Я предлагаю вам добавить дополнительный LI, дать ему несколько ID или CSS class, а затем обработать его содержимое.