対象のコードコード
例えばこんなコード
<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を返す
\ 案件のご依頼・ご相談はこちらから /
jQuery uiのAPIを使用していた時のこと
複数の要素のうちindexで指定したものに対して処理を行いたくて、
.get(index)を使用するとエラーが出た...