استفاده از متد ()andSelf در جی کوئری

Ratings
(0)

 

مسئله: فرض کنید یک مجموعه عناصر را انتخاب کرده ایم، سپس آنها را دستکاری کرده ایم تا یک مجموعه عناصر جدید را به دست آوریم. اما می خواهیم علاوه بر مجموعه عناصر فعلی، بر روی مجموعه عناصر قبلی نیز عملیاتی را انجام دهیم. راه حل چیست؟

راه حل:

ما می توانیم یک سری عناصر DOM انتخاب شده را با انتخاب های فعلی با استفاده از متد andSelf()  ترکیب کنیم. بعنوان مثال، در کدهای زیر، ما ابتدا تمام عناصر <div> موجود در صفحه را انتخاب می کنیم. سپس از متد find()  استفاده می کنیم، و  تمام عناصر <p> را که درون divها وجود دارند را انتخاب می کنیم. اکنون، برای کار کردن بر روی عنصر <div> و عناصر <p> پیدا شده در داخل این <div>، می توانیم با استفاده از متد andSelf() عنصر <div> را به مجموعه عناصر فعلی اضافه کنیم. اگر ما از متد andSelf استفاده نکنیم، رنگ کادر(border color) تنها به عناصر <p> اعمال خواهد شد:

<!DOCTYPE html>
<html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  </head>
 <body>
  <div>
    <p>Paragraph</p>
    <p>Paragraph</p>
  </div>
   <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/JavaScript">
    jQuery('div').find('p').andSelf().css('border','1px solid #993300');
  </script>
 </body>
</html>

 

توضیحات اضافی

توجه داشته باشید که وقتی ما از متد andSelf() استفاده می کنیم، این متد تنها به مجموعه عناصر فعلی و مجموعه عناصر قبلی  اعمال می شود؛ نه به همه ی مجموعه های قبلی.

 {module کمک نقدی به نویسنده}

  • بازدید: 561

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال