JQ样式选择怎么改成JS的

Question

JQ样式选择怎么改成JS的

Answer 1

这不是jquery的,用jquery hasClass 来操作吧

Answer 2

没明白你的意思 ie低版本没有js的样式选择器吧？自己遍历吧

Answer 3

改成hasClass在IE中也是不行的 

Answer 4

是你这个this.classList压根就不是jquery对象吧？另外，jquery1.10之后的版本已经不支持IE了，引一个稍微低一点的版本，比如1.83,1.72

Answer 5

不是JQ对象  前面我写的hasClass在IE里面也不行，换成这个也不行，如果换成JS需要怎么写？

Answer 6

不是JQ对象  前面我写的hasClass在IE里面也不行，换成这个也不行，如果换成JS需要怎么写？
不是jquery对象当然不能用这个jquery的方法.contains是匹配元素内容是否包含给定参数的方法，换成js大概是这样
var domContent = this.classList.innerHTML;
if(domContent.indexOf('current')){
    OrderState = this.id;  
}但是看你这个写法，好像是判断这个元素是否有这个样式，这样的话就要用下面的写法：
var reg = /\bcurrent\b/;
var clsName = this.classList.className;
if(reg.test(clsName)){
    OrderState = this.id;  
}

Answer 7

不是JQ对象  前面我写的hasClass在IE里面也不行，换成这个也不行，如果换成JS需要怎么写？
不是jquery对象当然不能用这个jquery的方法.contains是匹配元素内容是否包含给定参数的方法，换成js大概是这样
var domContent = this.classList.innerHTML;
if(domContent.indexOf('current')){
    OrderState = this.id;  
}但是看你这个写法，好像是判断这个元素是否有这个样式，这样的话就要用下面的写法：
var reg = /\bcurrent\b/;
var clsName = this.classList.className;
if(reg.test(clsName)){
    OrderState = this.id;  
}我现在IE8只要一出现this.classList就会报 为空或不是对象

Answer 8

那是你本身代码的问题了，跟jquery还是js没关系。this.classList没有赋值当然会报为空或者不是对象。

Answer 9

就我上面那代码应该怎么改呢？我是获取
<span id="qb" class="sos_un_li current">全部未完成</span><span id="fb" class="sos_un_li">
            发布需求</span> <span id="jd" class="sos_un_li">
            工人接单</span> <span id="dd" class="sos_un_li">等待上门</span> <span id="sm" class="sos_un_li">
                上门中</span> <span id="fw" class="sos_un_li">服务中</span> <span id="wc" class="sos_un_li">
                    服务完成</span> <span id="sh" class="sos_un_li">售后服务</span> <span id="qx" class="sos_un_li">
                        已取消</span> <span id="zd" class="sos_un_li">指定加盟商</span>

Answer 10

就我上面那代码应该怎么改呢？我是获取
<span id="qb" class="sos_un_li current">全部未完成</span><span id="fb" class="sos_un_li">
            发布需求</span> <span id="jd" class="sos_un_li">
            工人接单</span> <span id="dd" class="sos_un_li">等待上门</span> <span id="sm" class="sos_un_li">
                上门中</span> <span id="fw" class="sos_un_li">服务中</span> <span id="wc" class="sos_un_li">
                    服务完成</span> <span id="sh" class="sos_un_li">售后服务</span> <span id="qx" class="sos_un_li">
                        已取消</span> <span id="zd" class="sos_un_li">指定加盟商</span>
直接说你想实现什么

Answer 11

就我上面那代码应该怎么改呢？我是获取
<span id="qb" class="sos_un_li current">全部未完成</span><span id="fb" class="sos_un_li">
            发布需求</span> <span id="jd" class="sos_un_li">
            工人接单</span> <span id="dd" class="sos_un_li">等待上门</span> <span id="sm" class="sos_un_li">
                上门中</span> <span id="fw" class="sos_un_li">服务中</span> <span id="wc" class="sos_un_li">
                    服务完成</span> <span id="sh" class="sos_un_li">售后服务</span> <span id="qx" class="sos_un_li">
                        已取消</span> <span id="zd" class="sos_un_li">指定加盟商</span>
直接说你想实现什么选项卡切换取ID

Answer 12

function findcls(dom,clsname, list){
    var findlist = list || [];
    for(var i=0;i<dom.childNodes.length;i++){
        var domchild = dom.childNodes[i];
        if(1 == domchild.nodeType){
            if(domchild.className.indexOf(clsname)>=0){
                findlist.push(domchild);
            }else{
               findcls(domchild,  clsname, findlist); 
            }
        }
    }
    return findlist;
}//查找指定css
findcls(document.body,'sos_un_li');//不过漏洞很多 还是建议用jq

Answer 13

我也想用JQ  可是jq那样写在IE9以下的都报错