jquery - その場でボタンの背景色を変更する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;
}