jQueryのいろいろな処理


ここではjQueryのデータ処理やループなどいくつかの機能を紹介します。

🗽 ループ処理:each

eachメソッドでDOMのループを作成できます。

<ul>
<li>foo</li>
<li>bar</li>
</ul>
$( "li" ).each(function(index) {
console.log( index + ": " + $( this ).text() );
});

😎 HTMLタグのdata属性の取得:.data

jQueryの.data()はHTMLタグのdata-xxxといったdata属性を取得するメソッドです。

// data-foo に値をセット
$("body").data("foo", 7);
// data-fooに設定された値を取得
$("body").data("foo"); //=> 7

😼 参考リンク

📚 おすすめの書籍