jqueryの変数にスタイルを与えるにはどうすればいいですか？

Question

ボタンをクリックするたびにボタンの色を変更しようとしています。私のコードでは、linkNumberは値を取得します。私はそれに色を付けたい。私のやり方はうまくいきません。私は値を確認し、それが働いていることを確認するために警告をテストしました。

var linkNumber = $(this).text(); 
       $(linkNumber).css("color", "yellow"); 
       alert(linkNumber); 

Answer 1

テキスト自体に色を設定しようとしているようです。テキストには色を付けることはできません。 コンテナ（タグ）はcssを持つことができます。だから、ちょうどコンテナにCSSの色を設定します。

$(this).css('color', 'yellow'); 

Answer 2

はここで色を変更するいくつかのボタンの実際の例です：最初のクリックで

var colors = ["yellow", "red", "blue"]; 
 

 
$(document).ready(function() { 
 
    $("button").click(function() { 
 
    var currentIndex = Number($(this).data("ci")) || 0; 
 
    var nextIndex = (currentIndex + 1) % colors.length; 
 
    $(this).data("ci", nextIndex).css("color", colors[nextIndex]); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Button 1</button> 
 
<button>Button 2</button> 
 
<button>Button 3</button>

を、ボタンが現在colors[0]を有するものとします。配列インデックスがインクリメントされてボタンに格納され、色が割り当てられます。

Answer 3

この例では、ボタンをクリックすると、使用するボタンの内側のテキストの色を変更する場合、ボタンの背景色が変更されます色：シアン;クリック要素

012用のシアンプロパティ

CSS

.clickme{ 
background-color:cyan; 
color:White; 
} 

HTML

<button class="clickme">button1</button> 
<button class="clickme">button2</button> 
<button class="clickme">button3</button> 

jQueryの機能：は背景色のinsted

Here is the Working fiddle

Answer 4

あなたはまた、私は、最近のjQueryを使用しないことをアドバイスでしょうthis.style.color = 'yellow';

に直接スタイルを追加することができます。

Array.from(document.querySelectorAll('button')) 
 
    .forEach(button => (button.addEventListener('click', (e) => { 
 
    e.target.style.color = 'red'; 
 
    })));

<button>button1</button> 
 
<button>button2</button>