我想在所有按钮元素后插入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>