javascript - 如何使用 jquery 简化我的代码?

标签 javascript jquery

我要追加<span></span>在我的每一个标签 <a>标签:

现在:

<a href=#>aaa</a>
<a href=#>bbb</a>
<a href=#>ccc</a>

我要:

<a href=#><span>aaa</span></a>
<a href=#><span>bbb</span></a>
<a href=#><span>ccc</span></a>

现在,我使用下面的代码来实现它:

$(function(){
    var buttons = $("a");
    var text=buttons.text();
    buttons.text("");
    buttons.prepend("<span>"+text+"</span>");
});

我觉得这段代码不好,如何简化呢?

谢谢:)

最佳答案

我想你要找的是 wrapinner功能。

 $("a").wrapInner("<span></span>")

您可以找到一个工作示例 here .

关于javascript - 如何使用 jquery 简化我的代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4560206/

相关文章:

jQuery 处理程序错误不是一个函数

javascript - 如何修复 angular.forEach 中对象的重复?

javascript - 如何使用 Twilio SMS/语音 api 实现一次性验证 (OTP)

javascript - 如何使用 Cloudinary 小部件获取多个上传文件的数组

javascript - Angular dist 文件 ||我如何在没有服务器的情况下在本地运行它们?

jquery - 左右滚动带有 float 元素的 div

jQuery ajaxOptions -error 有效,为什么不成功?

javascript - 如何在 jQuery 中获取按位置排序的元素列表?

javascript - JQuery 在显示前加载 div 中的所有图像

jquery - 如何淡出悬停链接的邻居?