Jquery 如何向循环中的div添加类

Jquery 如何向循环中的div添加类,jquery,Jquery,我想在一个类的跨度中添加一个循环,但它不起作用 怎么了属性({'class':'folder_name'}) $(文档).ready(函数(){ var section=$('section'); var text=section.text().split(“”); for(变量i=0,len=text.length;i

我想在一个类的跨度中添加一个循环,但它不起作用

怎么了<代码>属性({'class':'folder_name'})

$(文档).ready(函数(){
var section=$('section');
var text=section.text().split(“”);
for(变量i=0,len=text.length;i
问题在于,当您尝试在元素上设置类时,该元素尚未创建

下面的代码应该修复它,因为类是在为
span
span构建HTML时作为字符串添加的

$(document).ready(function () {
    var section = $('section');
    var text = section.text().split(' ');
    for (var i = 0, len = text.length; i < len; i = i + 1) {
        text[i] = '<span class="' + 'folder_name' + '">' + text[i] + '</span>';
    }
    section.html(text.join(' '));
});
$(文档).ready(函数(){
var section=$('section');
var text=section.text().split(“”);
for(变量i=0,len=text.length;i
正如在您的问题评论中所述,您最好使用更类似jQuery的方法,如

$(document).ready(function () {
    var section = $('section');
    var text = section.text().split(' ');
    section.html('');
    text.forEach(function(t){
        section.add($('<span>' + t + '</span>').addClass('folder_name'))
    })
});
$(文档).ready(函数(){
var section=$('section');
var text=section.text().split(“”);
第.html节(“”);
text.forEach(函数(t){
section.add($(''+t+'').addClass('folder_name'))
})
});

为什么不使用?但是它仍然不起作用,因为
text[i]
不是jQuery对象;它是一个字符串。
text[i]
是一个字符串。。。。。。您应该将类设置为跨度。。。。。
$(document).ready(function () {
    var section = $('section');
    var text = section.text().split(' ');
    section.html('');
    text.forEach(function(t){
        section.add($('<span>' + t + '</span>').addClass('folder_name'))
    })
});