ابزارهای دیگر جی‌کوئری‌

دستورات مدیریتی‌

هفته پیش در مورد تابع filter() صحبت کردیم و قرار شد توضیحات مربوط به این دستور را این هفته ارایه دهیم ، تابع فیلتر می‌تواند در انجام کارهای مورد نظر شما کمک بسیار خوبی باشد، به‌عنوان مثال بنا به دلایلی شما می‌خواهید بر روی هر کدام از سلول‌های یک جدول که همان عناصر < td >بوده و حاوی مقادیر عددی هستند، کاری را انجام دهید.
کد خبر: ۱۹۴۳۸۹

برای انجام این کار می‌توان با تابع قدرتمند پوششی جی‌کوئری کلیه عناصر<td>را تحت کنترل قرار داد و سپس با استفاده از دستور  filter()  عناصری که باید با درخواست ما مطابقت داشته باشند را انتخاب کنیم:

('td').filter(function()تreturn $
(ت/$ُ‌d+8this.innerHTML.match(/
در این دستور جی‌کوئری، تابعی به تابع filter()  پاس داده شده است که با استفاده از این دستور فقط عناصر <td >که حاوی مقدار عددی باشند تحت تاثیر قرار می‌گیرند.

تابعfilter()  کل عناصر انتخاب شده را با استفاده از مقدار ورودی خود تحت تاثیر قرار می‌دهد و از بین عناصر انتخاب شده فقط آن‌هایی را در خروجی خود قرار می‌دهد که دارای شرطی باشند که در ورودی قرار داده شده است.
ورودی این تابع می‌تواند یک رشته و یا یک تابع باشد؛ مانند مثالی که به آن اشاره کردیم. و خروجی این تابع نیز گروهی از عناصر پوشش داده شده جدید هستند که عملیات فیلتر کردن بر روی آنها انجام شده است و از بین گروهی از عناصری دیگر انتخاب شده‌اند.

می‌توانید این آزمایش را در آزمایشگاه تابع پوششی جی‌کوئری آزمایش کنید و نتیجه را ببینید.

توابع not()  و filter()  می‌توانند نقش زیادی را در انجام دستورات مورد نظر شما ایفا کنند و قدرت زیادی در کنترل عناصری که مورد نیاز هستند جهت انجام عملیاتی خاص، به شما می‌دهند.

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

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

تابع find()  به ما کمک می‌کند تا در گروهی از عناصر انتخاب شده به جست‌وجو بپردازیم، مقدار ورودی این تابع عناصری هستند که به‌دنبال آن هستیم و مقدار خروجی آن، گروهی جدید از عناصری است که حاوی عناصر جست‌وجو شده‌اند.

برای مثال متغیری را در نظر بگیرید با نام wrappedSet   که حاوی یک سری عناصر است که از پیش انتخاب شده‌اند و در این متغییر قرار دارند، حال می‌خواهیم در میان این عناصر به‌دنبال عنصر <>p بگردیم ، این کار را می‌توان با استفاده از این دستورwrappedSet.find('p')  انجام داد. توجه داشته باشید که اگر بخواهیم این دستور را با استفاده از تابع پوششی جی‌کوئری به‌کار بگیریم، می‌توانیم طبق دستور$('p',wrappedSet)  عمل کنیم. مانند دیگر دستورهای جی‌کوئری از تابعfind()  نیز می‌توان در یک زنجیر از دستورات دیگر استفاده کرد.

به‌علاوه برای جست‌وجوی یک رشته در میان گروهی از عناصر انتخاب شده می‌توان از دستور  contains()  نیز استفاده کرد که در مقدار برگشتی آن عناصری قرار می‌گیرند که حاوی رشته مورد نظر هستند ، به عنوان مثال دستور    $('p').contains('some text')تمامی عناصر <>p که نوشته  some text   هستند را تحت تاثیر قرار می‌دهد. آخرین تابعی که معرفی می‌شود،  دستور  is()  است. اگر دست‌کم یکی از عناصری که در ورودی این تابع قرار داده شده، در میان عناصر انتخاب شده باشد، خروجی تابع را برابر با True  قرار می‌دهد در غیر این صورت مقدار آن False  است.

برای مثال با اجرای این دستور:

('*').is('img');$var hasImage =

اگر در صفحه مورد نظر عنصری از نوع  img  وجود داشته باشد، متغیر hasimage  برابر true  قرار داده می‌شود.
در این مرحله معرفی دستورات کار بر روی عناصر پوشش داده شده و انتخاب شده به‌پایان می‌رسد، تقریبا تمامی دستورات مهم در این سری از آموزش‌ها معرفی شدند و تنها نکته‌ای که باقی مانده، مدیریت زنجیره جی‌کوئری است که طی هفته‌های آینده این مبحث نیز بررسی خواهد شد.

پویا سلیمی‌

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

نیازمندی ها