jQuery Kihusiano - map() Method

jQuery Kuelezo cha Kueleza

Mifano

Kupendea orodha ya maadili ya formu

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

Tukutenda kina kina

Mifano na matumizi

map() inasaidia kufikia kipimo kwa kufikia kila elementi kwa kifunzo cha sasa, kufanyia kipimo kipya cha jQuery kinahesabika kwa kurejea thamani.

Muundo

.map(callback(index,domElement))
Parama Kueleza
callback(index,domElement) Mwendo wa kifunzo kinachotumika kwa kila elementi katika orodha ya sasa.

Kueleza kwa ukadhaifu

Kwa sababu matokeo unahesabika kama orodha ya jQuery, tumekuwa na matumizi ya get() kwa kusaidia kusaidia kufikia orodha ya kawaida.

.map() method inavyotumika sana kwa kufikia au kusimamia thamani ya orodha ya elementi. Tukifikiria hili kwa ajili ya formu yenye mababu ya mabaridhi yenye cheo mengi:

<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>

Tunaweza kufikia orodha ya ID ya mababu ya mabaridhi yenye maana ya kufikia:

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

Tukutenda kina kina

Matokeo wa kila muda huu ni string: "two,four,six,eight".

Kwenye kikuu cha kifunzo cha kikompyuta, 'this' kinahesabika kwa kila hatua ya DOM. Mwendo huu unaweza kurejea kipimo kimoja, au orodha ya kipimo kilichotengwa kwa ajili ya orodha ya mashirika yaliyotambuliwa. Ikiwa matokeo unahesabika kama orodha, elementi za orodha zizatengwa katika orodha. Ikiwa matokeo unahesabika kama null au undefined, hakuna hatua zilizotengwa.

jQuery Kuelezo cha Kueleza