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>

ਅਸੀਂ ਚੈਕਬਾਕਸ ਆਈਡ ਬਣੇ ਕੋਮਾ ਵੱਲੋਂ ਵੰਡੇ ਲਿਸਟ ਹਾਸਲ ਕਰ ਸਕਦੇ ਹਾਂ:

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

ਸਵੈ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਇਸ ਵਾਰ ਦਾ ਫਲਾਕਰ ਹੈ: "two,four,six,eight"。

callback ਕਿਰਤ ਅੰਦਰ، this ਹਰ ਸਫਰ ਦੇ ਮੌਜੂਦਾ DOM ਅੰਗ ਨੂੰ ਪ੍ਰਤੀਕਸ਼ਾ ਕਰਦਾ ਹੈ। ਇਹ ਫੰਕਸ਼ਨ ਅਲੱਗ-ਅਲੱਗ ਸਮਾਚਾਰ ਕਰ ਸਕਦਾ ਹੈ ਜਾਂ ਹੁਣ ਨਤੀਜੇ ਵਿੱਚ ਜੋੜਨ ਵਾਲੇ ਸਮਾਚਾਰਾਂ ਦਾ ਆਰੇਜ਼। ਜੇਕਰ ਫੰਕਸ਼ਨ ਵਾਪਸ ਆਰੇਜ਼ ਦਿੰਦਾ ਹੈ ਤਾਂ ਆਰੇਜ਼ ਵਿੱਚ ਆਰੇਜ਼ ਵਿੱਚ ਜੋੜੇ ਜਾਣਗੇ। ਜੇਕਰ ਫੰਕਸ਼ਨ ਨੂੰ null ਜਾਂ undefined ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਤਾਂ ਕੋਈ ਵੀ ਅੰਗ ਜੋੜਿਆ ਨਹੀਂ ਜਾਵੇਗਾ。

jQuery ਪਰਵਾਨਿਕੀ ਮੰਗਲਪੱਤਰ