第2回 属性&コンテンツ編連載:jQuery逆引きリファレンス(3/19 ページ)

» 2009年11月13日 00時00分 公開



「連載:jQuery逆引きリファレンス」のインデックス

連載目次


 要素セットのすべての要素に対して属性値を取得するには、attr(name, value)メソッドを使います。attr(name)メソッドが先頭要素の属性だけを取得するのに対して、attr(name, value)メソッドが対象とするのは、すべての要素である点に注意してください。

 以下は、2番目以降の<img>要素について、width属性を「162」、height属性を「60」に設定する例です。

<script type="text/javascript">

$(function() {
  $('img:gt(0)').attr('width', 162)
                .attr('height', 60);
});

</script>

……中略……

<ul>
  <li><img src="http://www.wings.msn.to/books/978-4-7980-2401-1/978-4-7980-2401-1_logo.jpg" alt="ASP.NET MVC実践プログラミング" /></li>

  <li><img src="http://www.wings.msn.to/books/978-4-7981-1957-1/978-4-7981-1957-1_logo.jpg" alt="10日でおぼえるASP.NET入門教室" /></li>

  <li><img src="http://www.wings.msn.to/books/978-4-8399-2708-0/978-4-8399-2708-0_logo.jpg" alt="JavaScriptマスターブック" /></li>
</ul>

リスト029 2番目以降の<img>要素のwidth/height属性を設定(AttrSet.html)
このHTMLを実際にブラウザで開く


ブラウザで開く

リスト029の実行結果

 $('img:gt(0)')は、インデックス番号が0より大きい―つまり、2番目以降の(=インデックス番号が1以上である)要素を取り出せ、という意味です。実行結果から、先頭要素を除く<img>要素のwidth/height属性が設定されていることが確認できます。

Copyright© Digital Advantage Corp. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。