انتخاب عناصر DOM از داخل یک عنصر

Ratings
(0)

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

راه حل: با استفاده از تابع jQuery، ما می توانیم ابتدا بعنوان پارامتر اول، یک عنصر را مشخص کنیم که به تابع جی کوئری می فهماند که می خواهیم به دنبال کدام عناصر بگردیم، و پارامتر دوم هم مشخص می کند که این عناصر باید در داخل کدام عنصرها قرار گرفته باشند. در کدهای زیر، 12 عنصر <input> وجود دارند.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
  <form>
    <input name="" type="checkbox" />
    <input name="" type="radio" />
    <input name="" type="text" />
    <input name="" type="button" />
  </form>
  <form>
    <input name="" type="checkbox" />
    <input name="" type="radio" />
    <input name="" type="text" />
    <input name="" type="button" />
  </form>
  <input name="" type="checkbox" />
  <input name="" type="radio" />
  <input name="" type="text" />
  <input name="" type="button" />
  <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/JavaScript">
     // هستند form می گردد که در داخل عناصر   input به دنبال تمام عناصر
    //مقدار 8 را برمی گرداند
    alert('selected ' + jQuery('input',$('form')).length + ' inputs');

     // قرار دارند form می گردد که در داخل اولین عنصر input به دنبال تمام عناصر
    //مقدار 4 را برمی گرداند
    alert('selected' + jQuery('input',document.forms[0]).length + ' inputs');

     // قرار دارند body می گردد که در داخل عنصر input به دنبال تمام عناصر 
    //مقدار 12 را برمی گرداند
    alert('selected' + jQuery('input','body').length + ' inputs');
  </script>
</body>
</html>

 توضیحات کدها

همان طور که در راه حل این مسئله نیز گفته شد، این امکان وجود دارد که سندها را نیز بعنوان محتوا برای اینکه در آنها جستجو شود، قرار دهیم. بعنوان مثال، این امکان وجود دارد که در داخل محتوای یک سند XML که از انجام یک درخواست XHR (ای جکس) برگشته است جستجو انجام دهیم. برای جزئیات بیشتر می توانید به فصل 16 مراجعه کنید.

  • بازدید: 542

نوشتن دیدگاه

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

ارسال