کنترل عناصر ایجاد شده‌

هفته پیش در مورد ایجاد عناصر در جی کوئری با استفاده از تابع پوششی آن، زمانی که یک صفحه کاملا بارگذاری شده است، توضیحاتی ارائه کردیم. امیدواریم که آزمایشگاه عناصر پوششی جی کوئری که هفته پیش معرفی کردیم را دریافت و مثال‌ها را روی آن تمرین کرده باشید، زیرا با گذشت زمان و پیشرفت این آموزش‌ها، مسائل تخصصی‌تر شده و دستورات جدیدی نیز معرفی می‌شوند که برای درک بهتر، نیاز است تا مطالب هر هفته را به طور کامل درک کرده باشید.
کد خبر: ۱۹۰۰۱۰

اما در ادامه بحث هفته پیش تا به آن جا رسیدیم که گروهی از عناصر را با استفاده از تابع پوششی جی‌کوئری ایجاد کردیم، اکنون می‌خواهیم بدانیم که چگونه می‌توان کنترل این عناصر که بعد از بارگذاری صفحه نیز ایجاد شده اند را بدست آوریم؟!

معمولا زمانی که ما گروهی از عناصر را در جی‌کوئری تعریف و آنها را ایجاد می‌کنیم، با استفاده از دیگر دستورات جی کوئری می‌توانیم روی آنها عملیات مورد نظر خود را ایجاد کنیم.

به عنوان مثال آنها را با استفاده از دستور  (hide)  مخفی کنیم، اما ممکن است زمانی  برسد که بخواهیم به صورت مستقیم به عنصر و یا عناصری جهت انجام فرآیند‌های پیچیده‌تری دسترسی پیدا کنیم. به خاطر ساختار جی کوئری ما می‌توانیم به گروهی از عناصر ایجاد شده همانند تکنیک آرایه‌ای جاوا اسکریپت دسترسی داشته باشیم، با استفاده از آرایه‌ای که فهرست تمامی عناصر به صورت DOM  ایجاد و در آن قرار می‌گیرد، می‌توانیم به عناصر مورد‌‌نظر خود بر اساس جایگاه قرارگیری آنها، دسترسی پیدا کنیم.

به عنوان مثال برای دسترسی به اولین عنصر از تمامی عناصر،‌ (img) که دارای مشخصه  alt  در صفحه هستند می‌توانیم از دستور   [0$ ('img]alt[')]
استفاده کنیم.

اما اگر بخواهیم از این روش قدیمی که بر اساس فهرست بندی عناصر در آرایه عمل می‌کند استفاده نکنیم، می‌توانیم روش جدیدی که جی کوئری در اختیارمان قرار می‌دهد را به کار بگیریم.

در این جا تابع (index(element  را به شما معرفی می‌کنیم. این تابع به یک و یا تمامی عناصری که مطابق پارامتر ورودی‌اش است دسترسی پیدا می‌کند و اگر هیچ پارامتری به عنوان ورودی انتخاب نشده باشد تمامی عناصری را که توسط تابع پوششی ایجاد شده است را بر می‌گرداند.

ورودی این تابع عددی است که در واقع شماره آرایه‌ای است که عنصر مورد نظر شما در آن قرار گرفته است و شما می‌خواهید به آن دسترسی پیدا کنید.

مقدار بازگشتی نیز عنصر مورد نظر شما و یا گروهی از عناصر  DOM  هستند. به عنوان مثال برای دسترسی به اولین عنصر ‌ (img) با مشخصه‌ای که پیشتر به آن اشاره شد می‌توان از دستور
 (0 $ ('img]alt[').get( استفاده کرد.

اما همیشه وضع این‌گونه نیست که شما بسادگی بتوانید شماره فهرست عنصری که در آرایه قرار دارد را حدس بزنید و با کمی صرف وقت آن را حساب کنید! در چنین شرایطی می‌توانید از روش برعکس نیز جهت به دست آوردن شماره فهرست عناصر مورد نظر خود در یک آرایه استفاده کنید، به عنوان مثال به دلایلی نیاز داریم تا شماره خانه‌ای از آرایه را که در آن عنصر (img)  با انتخابگرfindMe   وجود دارد را بدانیم! در اینجا می‌توانیم از این دستور استفاده کنیم:

;([0('img').index($('imgَfindMe')]$var n =
بعد از اجرای این دستور در متغیر  n  شماره خانه‌ای از آرایه که در آن عنصر مورد نظر شما وجود دارد، مشخص شده و می‌توانید از آن در عملیات دیگر استفاده کنید.

در اینجا تابع (index(element  را به شما معرفی می‌کنیم. این تابع عنصری را به عنوان پارامتر ورودی خود طلب می‌کند، سپس شماره خانه‌ای از آرایه که در آن عنصر قرار دارد را به عنوان خروجی خود بر می‌گرداند.

پارامتر ورودی آن همان‌طور که در مثال نیز مشاهده می‌کنید یک عنصر است و خروجی آن نیز یک عدد است که شماره خانه‌ای از آرایه را معلوم می‌کند، اگر عنصری که به این تابع پاس داده است در آرایه وجود نداشته باشد، عدد بازگشتی برابر 1  خواهد بود.

با استفاده از این دو تکنیک می‌توانید به عناصری که توسط تابع پوششی جی کوئری ایجاد کرده‌اید دسترسی پیدا کنید و آنها را آماده کنید تا عملیات مورد نظر خود را انجام دهید!

پویا سلیمی‌

newsQrCode
ارسال نظرات در انتظار بررسی: ۰ انتشار یافته: ۰

نیازمندی ها