改变按钮的背景颜色在飞行Jquery机动性

Question

我创建了一个样式

.someRedStuff
{
 background:red !important;
}

我想在点击按钮时将星形图标的颜色更改为红色

 <a data-role="button" data-iconpos= "notext" data-icon="star" id="custom-li-3" onclick="changeColor()"></a>

我尝试过这段代码，但它似乎没有做到这一点。

  function changeColor()
        {          
            $('#custom - li - 3').removeClass('ui-icon-star').addClass('someRedStuff');
        }

如何在点击时更改星形图标的颜色？

Answer 1

你的元素选择器有空格。 删除选择器中的空格以匹配为元素声明的id。

$('#custom-li-3').removeClass('ui-icon-star').addClass('someRedStuff');

Answer 2

这是否有效：

• http://jsfiddle.net/3cA8K/

JS

$('#custom-li-3').on('click', function(event){
    $(this).toggleClass('someRedStuff');
});

HTML

<div data-role="page" class="type-home">

   <div data-role="content">
      <a data-role="button" data-iconpos= "notext" data-icon="star" id="custom-li-3"></a>
   </div>
</div>​

CSS

.someRedStuff
{
 background:red !important;
}