Jquery更改div问题的类

时间:2014-02-23 18:00:34

标签: javascript jquery

我正在尝试通过将icon-local添加到类的末尾来将类icon-local-img更改为-img

这是我正在尝试的。为什么不起作用?

HTML

<div class="icon-local">sdvdfvsdfvdfs fdsfggfd</div>

CSS

.icon-local {
    color:#00f;
}
.icon-local-img {
    color:#f00;
}

JS

$(document).ready(function () {
    function swapClass($obj) {
        $($obj).toggleClass($obj + ' ' + $obj + '-img');
    }
    if (!$('html').hasClass('fontface')) {
        swapClass('icon-local');
        swapClass('icon-mail');
        swapClass('icon-phone');
    }
});

http://jsfiddle.net/7Ka5g/3/

1 个答案:

答案 0 :(得分:2)

Fiddle Demo

function swapClass($obj) {
    $('.' + $obj).toggleClass($obj + ' ' + $obj + '-img');
     //^ class selector
}

Class Selector (“.class”)