javascript - 将跨度添加到列表的每个元素

Question

我有一个这样的列表

<ul class="example">
    <li><a href="#">Something</a></li>
    <li><a href="#">Something</a></li>
</ul>

结果应该是这样的

<ul class="example">
    <li><a href="#"><span></span>Something</a></li>
    <li><a href="#"><span></span>Something</a></li>
</ul>

请帮帮我。

Answer 1

使用 prepend() 在开头附加一个跨度方法。

$('ul.example li a').prepend('<span></span>')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="example">
  <li><a href="#">Something</a></li>
  <li><a href="#">Something</a></li>
</ul>