jQuery 遍历 - map() 方法

jQuery घूमना संदर्भ मानचित्र

实例

表单中所有值的列表构建：

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

अपने आप सबसे परीक्षण कीजिए

व्याख्या और उपयोग

map() प्रत्येक एलिमेंट को फ़ंक्शन के माध्यम से अग्रणी सहेजता है, जिससे नया jQuery ऑब्जेक्ट जिसमें वापसी मान होते हैं, बनता है。

व्याकरण

.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 घूमना संदर्भ मानचित्र