Traversing - فیلترکردن

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

متدهای first(), last(), eq(), filter() و not()

پایه‌ترین متدهای فیلترینگ last() ،first() و eq() هستند که امکان انتخاب یک عنصر خاص براساس موقعیت آن در گروهی از عنصرها را فراهم می‌کنند.[۱]

متدهای فیلترینگ دیگر مانند filter() و not() امکان انتخاب عنصرهایی که با معیار خاصی مطابقت دارند یا ندارند را فراهم می‌کنند.

متد first() در jQuery

متد first() اولین عنصر از عنصرهای مشخص شده را برمی‌گرداند.

مثال زیر اولین عنصر <div> را انتخاب می‌کند:

مثال
1 $(document).ready(function(){
2   $("div").first();
3 });

متد last() در jQuery

متد last() آخرین عنصر از عنصرهای انتخاب شده را برمی‌گرداند.

مثال زیر آخرین عنصر <div> را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("div").last();
3 });

متد eq() در jQuery

متد eq() عنصری با عدد اندیس مشخص شده در بین عنصرهای انتخاب شده را برمی‌گرداند.

اعداد اندیس از صفر آغاز می‌شوند، بنابراین اولین عنصر اندیس ۰ خواهد داشت و نه ۱. مثال زیر دومین عنصر <p> را انتخاب می‌کند (عدد اندیس ۱):

مثال
1 $(document).ready(function(){
2   $("p").eq(1);
3 });

متد filter() در jQuery

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

مثال زیر همه عنصر های<p> با نام کلاس “intro” را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("p").filter(".intro");
3 });

متد not() در jQuery

متد not() همه عنصرهایی که با شاخص مطابقت نداشته باشند را برمی‌گرداند.

نکته: متد not() متضاد متد filter() است.

مثال زیر همه عنصرهای <p> که کلاسی به نام “intro” ندارند را برمی‌گرداند:

مثال
1 $(document).ready(function(){
2   $("p").not(".intro");
3 });

تمرین‌های jQuery

مرجع Traversing در jQuery

برای دستیابی به همه متدهای Traversing در jQuery، لطفاً به مرجع Traversing در jQuery مراجعه کنید.


منابع آموزشی