2010/08/16

[jQuery]eq

今日は、eqについて。

参考元は、jQuery日本語リファレンスのeq
ある特定の集合エレメントにおいて一つだけ要素を取り出したいときに使うみたいです。

簡単なソースを組んでみました。

<html>
<head>
<title>Jquery.eqテスト</title>
<script type="text/javascript"
  src="./jquery-1.4.2.min.js"
></script>
</head>
<body>
<div>apple</div>
<div>lemon</div>
<div>orange</div>
<div>banana</div>
<input type="button"
  value="Run"
  id="hoge"
>

<script
  type="text/javascript"
>

$("#hoge").bind(
    'click'
  , function(){
      console.log($("div").eq(2).text());
    }
);
</script>
</body>
</html>

上のソースは、2番目のdivタグの要素のtextを返してください、という指示を出しています。
(実行結果は、lemonが取得されます。)

これは簡単ですね。

時刻: 8:00
ラベル:

0 コメント:

コメントを投稿

登録: コメントの投稿 (Atom)