jQuery:在标签内包装每个符号
我有一个带有dinamic编号的计数器,根据我的要求设计它我需要在标签中包装每个数字。
我的代码:
12345
我需要:
12345
使用jQuery做任何简单的解决方案吗?
谢谢。
快速而肮脏的方式:
var characters = $("div").text().split(""); $("div").empty(); $.each(characters, function(i, el) { $("div").append(""+el+"
var s = $(".test").html(); var result = ""; for(int i=0;i" + s[i] + "" + "span>"; } $(".test").html(result);
我分开了标签,因为我不确定javascript是否允许它们……
var text = $('.text').text(); for(var i = 0; i < text.length; i++) { $('.text').append('' + text[i] + '); }
这仅适用于0-9号。 如果你并排没有这样的分隔符,你将无法处理两位数或更大的数字。 不确定是否存在这种情况的可能性。
James Montagne的回答但更好一点。
var chars = $("div").text().split(""); $("div").empty(); $.each(chars, function (i, el) { var span = document.createElement('span'); span.innerText = chars[i]; $("div").append(span); });