jQuery .each () সূচক?

Question

আমি ব্যাবহার করছি

$('#list option').each(function(){
//do stuff
});

একটি তালিকার বিকল্পগুলি লুপ করতে। আমি ভাবছি কীভাবে আমি বর্তমান লুপটির সূচক পেতে পারি?

আমি যেমন ভেরি i = 0 রাখতে চাই না; এবং লুপের ভিতরে আই ++ রয়েছে;

Answer 1

$('#list option').each(function(index){
  //do stuff
  console.log(index);
});

লগ ইনডেক্স :)

আরও বিস্তারিত উদাহরণ নীচে।

function run_each() {

  var $results = $(".results");

  $results.empty();

  $results.append("==================== START 1st each ====================");
  console.log("==================== START 1st each ====================");

  $('#my_select option').each(function(index, value) {
    $results.append("<br>");
    // log the index
    $results.append("index: " + index);
    $results.append("<br>");
    console.log("index: " + index);
    // logs the element
    // $results.append(value);  this would actually remove the element
    $results.append("<br>");
    console.log(value);
    // logs element property
    $results.append(value.innerHTML);
    $results.append("<br>");
    console.log(value.innerHTML);
    // logs element property
    $results.append(this.text);
    $results.append("<br>");
    console.log(this.text);
    // jquery
    $results.append($(this).text());
    $results.append("<br>");
    console.log($(this).text());

    // BEGIN just to see what would happen if nesting an .each within an .each
    $('p').each(function(index) {
      $results.append("==================== nested each");
      $results.append("<br>");
      $results.append("nested each index: " + index);
      $results.append("<br>");
      console.log(index);
    });
    // END just to see what would happen if nesting an .each within an .each

  });

  $results.append("<br>");
  $results.append("==================== START 2nd each ====================");
  console.log("");
  console.log("==================== START 2nd each ====================");


  $('ul li').each(function(index, value) {
    $results.append("<br>");
    // log the index
    $results.append("index: " + index);
    $results.append("<br>");
    console.log(index);
    // logs the element
    // $results.append(value); this would actually remove the element
    $results.append("<br>");
    console.log(value);
    // logs element property
    $results.append(value.innerHTML);
    $results.append("<br>");
    console.log(value.innerHTML);
    // logs element property
    $results.append(this.innerHTML);
    $results.append("<br>");
    console.log(this.innerHTML);
    // jquery
    $results.append($(this).text());
    $results.append("<br>");
    console.log($(this).text());
  });

}



$(document).on("click", ".clicker", function() {

  run_each();

});

.results {
  background: #000;
  height: 150px;
  overflow: auto;
  color: lime;
  font-family: arial;
  padding: 20px;
}

.container {
  display: flex;
}

.one,
.two,
.three {
  width: 33.3%;
}

.one {
  background: yellow;
  text-align: center;
}

.two {
  background: pink;
}

.three {
  background: darkgray;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="container">

  <div class="one">
    <select id="my_select">
      <option>apple</option>
      <option>orange</option>
      <option>pear</option>
    </select>
  </div>

  <div class="two">
    <ul id="my_list">
      <li>canada</li>
      <li>america</li>
      <li>france</li>
    </ul>
  </div>

  <div class="three">
    <p>do</p>
    <p>re</p>
    <p>me</p>
  </div>

</div>

<button class="clicker">run_each()</button>


<div class="results">


</div>

Comments

এবং না , উদাহরণস্বরূপ, function( value | element, index | key )সমতুল্য স্থানীয় পদ্ধতি forEachএবং অন্যান্য জনপ্রিয় এপিআইয়ের মতো like

— বার্নি

সতর্কতার চেয়ে প্রায়শই কনসোল.লগ দিয়ে ডিবাগ করা ভাল। বড় বিকল্প তালিকা সতর্কতা সহ আপনার উইন্ডো স্ট্যাক নষ্ট করবে।

— মার্কোক্রামম

function(index | key , value | element ) এটা কি বৈধ ..?

— মিঃ ওয়ার্ল্ড ওয়াইড

Answer 2

jQuery আপনার জন্য এটি যত্ন করে। আপনার .each()কলব্যাক ফাংশনের প্রথম যুক্তি হ'ল লুপের বর্তমান পুনরাবৃত্তির সূচক। দ্বিতীয়টি হ'ল বর্তমান মিলিত ডোম উপাদান তাই:

$('#list option').each(function(index, element){
  alert("Iteration: " + index)
});

Answer 3

থেকে jQuery.each () ডকুমেন্টেশন :

.each( function(index, Element) )
    function(index, Element)A function to execute for each matched element.

সুতরাং আপনি ব্যবহার করতে চাইবেন:

$('#list option').each(function(i,e){
    //do stuff
});

... যেখানে সূচকটি সূচক এবং তালিকার বিকল্প উপাদান হবে element

Answer 4

অবাক হয়ে দেখেন যে কেউ এই সিনট্যাক্সটি দিয়েছেন নি।

.each ডেটা বা সংগ্রহের সাথে সিনট্যাক্স

jQuery.each(collection, callback(indexInArray, valueOfElement));

অথবা

jQuery.each( jQuery('#list option'), function(indexInArray, valueOfElement){
//your code here
}); 

Answer 5

$('#list option').each(function(intIndex){
//do stuff
});