javascript – 在按钮后插入跨度

我想在所有按钮元素后插入span标记.

这就是我所拥有的：

<button>button text 1</button>
    <button>button text 2</button>
    <button>button text 3</button>

这就是我想要的：

<button><span>button text 1</span><button>
    <button><span>button text 2</span><button>
    <button><span>button text 3</span><button>

我试过用了

var content = $('button').html();
    $('button').empty().html('<span>' + content + '</span>');

但是如果我在div上有多个按钮,它会将第一个值复制到剩余的按钮上

解决方法

使用wrapInner()和每个循环

var $buttons = $('button');
     $buttons.each(function(){
      $(this).wrapInner( "<span class='new'></span>");
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>button text 1</button>
    <button>button text 2</button>
    <button>button text 3</button>