用span Jquery替换项目

Question

我有这段代码

$('.main_image a').each(function() {
	$(this+':last-child').replaceWith($('<span></span>'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main_image">
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="##"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>
<div class="main_image">
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="##"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>

我希望每个.main_image将最后a替换为span。我试着在Jquery中这样做，但它不起作用。

感谢您的帮助！

Answer 1

您不需要使用每种方法。只需选择目标元素并替换它们：

$('.main_image a:last-child')//selects each last a tag of main_image
  .replaceWith($('<span></span>'));//then replace with