一次接一次插入跨距
一次接一次插入跨距
提问于 2018-03-13 11:59:48
我想在所有按钮元素之后插入一个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上有多个按钮，它就会将第一个值复制到其余的按钮上。
回答 7
Stack Overflow用户
回答已采纳
发布于 2018-03-13 12:05:39
您可以像这样使用jQuery wrapInner()方法：
$('button').wrapInner('<span></span>')http://api.jquery.com/wrapinner/
Stack Overflow用户
发布于 2018-03-13 12:05:52
$(document).ready(function() {
$("button").wrapInner("<span></span>");
});演示：https://jsfiddle.net/42gvqu3q/1/ (检查元素以查看结果)
描述:围绕匹配元素集中的每个元素的内容包装HTML结构。
http://api.jquery.com/wrapinner/
Stack Overflow用户
发布于 2018-03-13 12:04:56
$('button').each(function(){
var content = $(this).html();
$(this).empty().html('<span>' + content + '</span>');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Hello!</button>
<button>Hello!</button>
<button>Hello!</button>
使用$.each jQuery函数：
$('button').each(function(){
var content = $(this).html();
$(this).empty().html('<span>' + content + '</span>');
});文档：http://api.jquery.com/jquery.each/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49255638
复制相关文章
相似问题
腾讯云开发者
