دسترسی به یکی از المان های یک آرایه در JQuery

Question

در JQuery کد زیر کار نمی کند

$(textBox).parent().parent().find('img')[0].hide()

در حالی که این کد کار می کند، اما همه تصاویر را ناپدید می کند:

$(textBox).parent().parent().find('img').hide()

 

Answer 1

با متد eq می تونی المان jquery مورد نظر را برگردونی :

$(textBox).parent().parent().find('img:eq(0)').hide()
OR
$(textBox).parent().parent().find('img').eq(0).hide()

و همچنین با متد get می تونی معادل DOM همون المان رو بگیری :

$(textBox).parent().parent().find('img').get(0)

 

Answer 2

برای نوشتن خط اول باید قبلش فیلد های img  رو داخل آرایه ریخته باشید:

 

var $imgs = $(textBox).parent().parent().find('img') 

$($imgs)[0].hide()

اما اینکه بخواهید همه img ها رو داخل آرایه بریزید هر جای صفحه که img  باشه داخل آرایه می ریزه پس بهتره به parent  کلاس بدید.