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>

Answer 2

您可以使用each()循环每个a元素并更改其html。 DEMO

$('.example li a').each(function() {
  $(this).html('<span></span>' + $(this).text())
})

Answer 3

你可以这样做。

$(".example li a").each(function() {
  $(this).html(function(i, origText){
    return "<span></span>" + origText;
  });
});

这里origText包含现有的内部元素。这是参考JQuery Tutorial

即使div中包含大量内容，此方法也非常有用。希望有所帮助：）

将span添加到列表的每个元素

3 个答案: