مجال jQuery التدوير - طريقة map()

jQuery تمرين مرجع

مثال

بناء قائمة بجميع القيم في النموذج:

$("p").append($("input").map(function(){}
  return $(this).val();
});.get().join(", ") );

تجربة شخصية

تعريف واستخدام

يأخذ map() كل عنصر ويقوم بتحويله من خلال الدالة إلى مجموعة الجسر الجديدة التي تحتوي على القيم العودة.

النحو

.map(callback(index,domElement))
المتغيرات وصف
callback(index,domElement) دالة الأوبجكت التي يتم استدعاؤها لكل عنصر في المجموعة الحالية.

شرح مفصل

بما أن القيمة المعدة هي مجموعة مغطاة jQuery، يتم استخدام get() لمعالجة العنصر العودة للحصول على مجموعة أساسية.

.map() طريقة مفيدة بشكل خاص للحصول على أو تعيين قيم مجموعة العناصر. فكر في هذا النموذج الذي يحتوي على مجموعة من المربعات المفعمة:

<form method="post" action="">
  <fieldset>
    <div>
      <label for="two">2</label>
      <input type="checkbox" value="2" id="two" name="number[]">
    </div>
    <div>
      <label for="four">4</label>
      <input type="checkbox" value="4" id="four" name="number[]">
    </div>
    <div>
      <label for="six">6</label>
      <input type="checkbox" value="6" id="six" name="number[]">
    </div>
    <div>
      <label for="eight">8</label>
      <input type="checkbox" value="8" id="eight" name="number[]">
    </div>
  </fieldset>
</form>

يمكننا الحصول على قائمة من IDs المربعين المبرمجة بشكل مفصول بالكوميـا:

$(':checkbox').map(function() {
  return this.id;
});.get().join(',');

تجربة شخصية

نتيجة هذا النداء هي سلسلة: "two,four,six,eight".

في داخـل الدالة callback، يشير this إلى العنصر DOM الحالي للتحويل. يمكن للدالة أن تعود بيانات فردية أو مجموعة من البيانات التي يتم إدراجها في مجموعة النتائج. إذا كان العودة هي مجموعة، فإن عناصر المجموعة ستمثلها في المجموعة. إذا كان العودة null أو undefined، لن يتم إدراج أي عنصر.

jQuery تمرين مرجع