Ryusuke Fuda's Tech Blog

Softweare Enginier about Web, iOS, Android.

class要素の書き換え(jQuery)

<div class="contents" >
    <div class="list"></div>
    <div class="list"></div>
    <div class="list"></div>
</div>

2番目のclassの"list"を"special"の文字列に変更したい

var text = $(".contents .list");
$(text[1]).attr("class","special");

(解説)

var text = $(".contents .list");

$textにcontentsの中のlistというクラスが配列として入る

$(text[1]).attr("class","special");

2番目のlistを変えたいのでtext[1]。attr("要素","文字列")で要素に文字列を入れる。