【jQuery API】getでうまくいかない時はeqを使う

カレー

jQuery uiのAPIを使用していた時のこと
複数の要素のうちindexで指定したものに対して処理を行いたくて、
.get(index)を使用するとエラーが出た...

対象のコードコード

例えばこんなコード

<div class="list">
  <div class="items">アイテムA</div>
  <div class="items">アイテムB</div>
  <div class="items">アイテムC</div>
</div>

<style>
.list .items {
  display: none;
}
</style>

<script>
$(function() {
  $('.list .item').get(0).show('slide', '', 300)
})
</script>

複数ある<div class="items">...</div>indexを指定してスライド表示させたい
しかし表示すると下記エラーが...

$(…).get(…).show is not a function

.get()ではDOMが返ってくるので、.eq()を使う

$('.list .item').eq(0).show('slide', '', 300)

これで実行できた

メモ

.get()DOM elementを返す
.eq()jQuery objectを返す

\ 案件のご依頼・ご相談はこちらから /