取2个锚标签并将它们插入<ul>，第一个和最后一个</ul>

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'));