JQueryの小ネタ ワイルドカード


JQueryで連番のidを処理しようとして、さてどうしたものかと調査しました。
ちゃんとワイルドカードが使えるのですね。(常識レベルでしょうか)

例えば、この様な感じです。
<td id=”aaa1″ ~</td>
<td id=”aaa2″ ~</td>
<td id=”aaa3″ ~</td>

1. clickイベントを契機に、ひとまずワイルドカードでidを取得する。 (id=”aaa”でヒット)
2. 実際に拾ったidをattrで取得する。 (id=”aaa2″とかになります)
3. 該当idのセル背景色を変更する、など。

$(function(){
$(“[id^=aaa]”).click(function(){      →1
var idname = “#”+$(this).attr(“id”);  →2
$(idname).css(“background-color”,”Red”);  →3
});
});

カレンダーの日付をクリックした時に、その日付セルの背景色を変更してみました。

2 thoughts on “JQueryの小ネタ ワイルドカード

    1. bloguser 投稿作成者

      ありがとうございます。(感謝)

コメントは停止中です。