完成イメージがこれです
「1を赤にする」というボタンを押せば、
「名無し1といいます」という文字を赤にすることができるような機能をつけたいです。
このようなのが100 くらいあるので変数を使ってjQuery を使いたいのですが、
やり方がわかりません。おしえてください。
test.html.erb
<label class="color-btn " data-color="red" data-num="1"> <input type="button" value="1を赤にする"> </label> <dl> <dt res="1"> <font ">名無し1</font> </dt> <dd class="number"> 名無し1といいます </dd> </dl> <label class="color-btn " data-color="red" data-num="2"> <input type="button" value="2を赤にする"> </label> <dl> <dt res="2"> <font>名無し2</font> </dt> <dd class="number"> 名無し2といいます </dd> </dl>
まずしたことは jQuery をつかってクリックしたボタンに対応するコメントの番号を取得するために
$('.color-btn').click(function(){ var color = $(this).attr('data-num'); });
としました。ここで1つ目のボタンをクリックしたとすると
1 という数字が得られています。次に、この 1 を利用して
回答1件
あなたの回答
tips
プレビュー