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>

ພວກເຮົາສາມາດໄດ້ຮັບທີ່ວິທະຍານ ID ຂອງຄະແນນຄຳຄົ້ນສະເພາະຈຳນວນ:

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

ການທົດລອງຄັບຄົນ

ຜົນຂອງການເອົາຄືນຄັ້ງນີ້ແມ່ນສະເພາະຕາມ: "two,four,six,eight".

ໃນຫົວຂໍ້ callback ທີ່ພົບກັບການພັດທະນາຄັ້ງນີ້，this ອະທິບາຍປະກອບ DOM ທີ່ປະກອບຄັ້ງນີ້. ກົນລະບົບສາມາດກັບຄືນຂໍ້ມູນດຽວທີ່ຈະສົ່ງຫາສະຖານທີ່ຖືກເອົາເຂົ້າໃນສະຖານທີ່ພົບກັບການພັດທະນາ. ຖ້າກັບຄືນຄືວ່າຈຳນວນອີກຫລາຍໆສ່ວນຂອງຈຳນວນຈະຖືກເອົາເຂົ້າໃນສະຖານທີ່ພົບກັບການພັດທະນາ. ຖ້າກັບຄືນຄືວ່າ null ຫລື undefined, ຈະບໍ່ມີສິ່ງໃດທີ່ຖືກເອົາເຂົ້າ.

jQuery ເບິ່ງການພັດທະນາ