javascript - Jquery改变div的class问题

Question

我正在尝试通过添加 -img 将 icon-local 元素更改为 icon-local-img直到类(class)结束。

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

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/

Answer 1

Fiddle Demo

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

Class Selector (“.class”)