làm thế nào để đơn giản hóa mã của tôi bằng cách sử dụng jquery?

Question

Tôi muốn thêm <span></span> thẻ trong mỗi <a> thẻ của tôi:

bây giờ:

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

Tôi muốn:

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

bây giờ, tôi sử dụng bên dưới mã để thực hiện nó:

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

Tôi nghĩ mã này không tốt, cách đơn giản hóa nó?

cảm ơn :)

Answer 1

Tôi nghĩ rằng bạn đang tìm kiếm chức năng wrapinner.

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

Bạn có thể tìm một ví dụ làm việc here.