درس شانزدهم : استفاده از فیلتر ()hasدر جی کوئری

در دروس قبلی دیدیم که CSS انتخاب کننده های قدرتمندی را ارائه داده است که فرزندان یک عنصر را در هر سطحی که باشند ( حتی اگر فرزند مستقیم هم نباشند ) انتخاب میکند .
برای مثال دستور زیر تمام عناصر span را که در div معرفی شده باشند ، انتخاب می کند :

Div span

اما اگر بخواهیم انتخابی عکس این انتخاب را داشته باشیم چه کاری باید انجام دهیم ؟ برای این کار باید تمام div هایی که دارای عنصر span می باشد را انتخاب کرد . برای چنین انتخابی از فیلتر :has() استفاده می کنیم .به دستور زیر توجه کنید ، این دستور تمام عناصر div را که در آن ها عنصر span معرفی شده است را انتخاب می کند :

div:has (span)

برای بعضی انتخاب های پیچیده تر و مشکل ، این فیلتر مکانیزم بسیار کارا میباشد و به سادگی ما را به هدف دلخواه می رساند . فرض کنید می خواهیم آن خانه از جدول را که دارای یک عنصر عکس خاص می باشد را پیدا کنیم . با توجه به این نکته که آن عکس از طریق مقدار Src قابل تشخیص می باشد ، با استفاده از دستوری مانند زیر را می نویسیم :

$(‘tr:has(img[src$=”puppy.png”])’)

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

دانلود صفحه کارگاهی
پسورد : csharpoop.com

پیش نمایش آنلاین

درس شانزدهم : استفاده از فیلتر ()hasدر جی کوئری
۵ (۱۰۰%) ۱ رای

(448 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

آدرس ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *

حاصل جمع اعداد را وارد کنید : *