備忘録

webの備忘録のために

2015-08-05から1日間の記事一覧

要素集合から引数にインデックスを指定し、ひとつだけの要素を選択する。

html-------------------<div></div> <div></div> <div></div> <div></div> <div></div> <div></div> jquery-------------------$("div").eq(2).addClass("red");※3番目のdivにredのクラス属性が入る。

クリックされた要素が何番目か取得

html--------------------<ul> <li class="some-item">hoge</li> <li class="some-item">foo</li> <li class="some-item">bar</li> </ul> js--------------------$('li.some-item').on('click', function(){ var index = $('li.some-item').index(this); }); ※結果hogeをクリックしたら「0」。fooをクリックしたら「1」。

要素集合の特定要素にクラス、それ以外をクリックするとクリックした要素にはクラスがついて、最初についた特定要素のクラスがはずれる(タブの基礎)

$("ul li a").click(function(){ //aタグの全要素からselectedクラスを削除する $("ul li a").removeClass("selected"); //その後にクリックしたボタンのaタグにselectedクラスを追加する $(this).addClass("selected"); });