jquery - 2 つのアンカー タグを取得し、それらを、 始めと終わり

Question

私はこれを持っています：

<div class="slider_controls">
<a class="prev" href="#">Prev</a>
<ul class="pagination">
<li class="current"><a href="#0">1</a></li>
<li><a href="#1">2</a></li>
<li><a href="#2">3</a></li>
<li><a href="#3">4</a></li>
</ul>
<a class="next" href="#">Next</a></div>

a.prev を ul.pagination の最初の li に、a.next を最後の li にしたいと考えています。

私はこれを試しました：

$('ul.pagination li').append($('a.prev'));

しかし、それは a タグを既存の li 要素に直接追加しました。

Answer 1

$('ul.pagination').prepend("<li>");
$('ul.pagination li:first').html($('a.prev'));
$('ul.pagination').append("<li>");
$('ul.pagination li:last').html($('a.next'));