Question

我使用li列出了.toArray()个元素。我现在需要循环遍历它们以找到所需的元素并更改其样式Class。

我不确定我做错了什么，但我似乎无法获得索引项的类，但我可以检索innerHTML没问题。

var viewsIndex = $('#viewsList li').toArray()
        for(i=0; i < viewsIndex.length; i++) {
            if(viewsIndex[i].innerHTML == selectedTab) {

                console.log(viewsIndex[i].attr('style')); //This does NOT work
                console.log(viewsIndex[i].innerHTML); //This does work
            }
            else
            {


            }
        }

我定位元素后，我想使用.removeClass和.addClass来更改样式。

Answer 1

这是没有jQuery函数的DOM对象：

viewsIndex[i]

这是具有attr函数的jQuery对象：

$(viewsIndex[i]).attr('style')

无论如何，你的代码可以简单得多：

$('#viewsList li').filter(function(){
    return this.innerHTML == selectedTab;
}).removeClass('foo').addClass('bar');

Answer 2

您正试图在DOM对象上调用jQuery函数，首先将其转换为jQuery对象。

更改

viewsIndex[i].attr('style')

要

$(viewsIndex[i]).attr('style')

Answer 3

你不能使用.each()吗？

$('#viewLists li').each(function(i){
    if($(this).html == selectedTab){
       $(this).removeClass('foo').addClass('bar');
    }
});

Answer 4

使用jQuery each循环遍历元素，然后将其作为$(this)访问。这样你就可以访问每个项目的jQuery方法。

$('#viewsList li').each(function(){

    var element = $(this);

    if(element.html() == selectedTab){
        console.log(element.attr('style')
    } else {

    }
}

使用jquery从数组更改目标元素的类

4 个答案: