更改背景img IF class =“ active”

问题描述

| 单击缩略图时，我正在尝试更改div的背景图像。 需要根据哪个缩略图“活跃”来更改背景 我尝试过的代码；

$(\'#sliderThumbs li a\').click( function() {
    if($(\'#sliderThumbs li.entalk.active\') === true) {
        $(\'#slider\').css(\'background\',\'url(i/slider-bg.jpg) no-repeat 0 -550px\');
    }
});

HTML：

<div id=\"slider\">
<ul id=\"sliderThumbs\">
    <li class=\"intellibalast\">
        <a href=\"#\"><span>Intelliblast&Trade; unit</span></a>
    </li>
    <li class=\"dolfin\">
        <a href=\"#\"><span>Dolfin&Trade; sensor</span></a>
    </li>
    <li class=\"entalk active\">
        <a href=\"#\"><span>EnTalk&Trade;</span></a>
    </li>
</ul>

  因此，当我单击“说”时。Intellibalast，然后li转到class = \“ intellibalast active \” Will的背景需要根据li处于活动状态而改变（我有3个不同的图像，每个图像对应于li类。     

解决方法

        更新：使用.is代替hasClass并删除；从css值开始。 尝试这个：

$(\'#sliderThumbs li a\').click( function() {
    if($(this).closest(\"li\").is(\".entalk,.active\")) {
        $(\'#slider\').css(\'background\',\'url(../i/slider-bg.jpg) no-repeat 0 -550px\');
    }
});