jquery - .each() 和 .map() 不正确的迭代。请帮帮我

Question

我需要帮助来了解 .each() 的工作原理。使用 .each() 或 .map() 函数时，我遇到了一些不寻常的问题。

<ol>
  <li>
     <div id="line">One</div>
     <div id="arrow"><img src="img/arrow.png"></div>
            <div id="line" class="sec">
                   <select>
                    <option type="null">-- Выберите утверждение--</option>
                    <option type="true">1</option>
                    <option type="false">2</option>
                    <option type="false">3</option>
                   </select>
                </div>
  </li>
  <li>
     <div id="line">Two</div>
     <div id="arrow"><img src="img/arrow.png"></div>
            <div id="line" class="sec">
                   <select>
                    <option type="null">-- Выберите утверждение--</option>
                    <option type="false">1</option>
                    <option type="true">2</option>
                    <option type="false">3</option>
                   </select>
                </div>
  </li>
  <li>
     <div id="line">Three</div>
     <div id="arrow"><img src="img/arrow.png"></div>
            <div id="line" class="sec">
                   <select>
                    <option type="null">-- Выберите утверждение--</option>
                    <option type="false">1</option>
                    <option type="false">2</option>
                    <option type="true">3</option>
                   </select>
                </div>
  </li>

</ol>

当我执行该功能时

function tcheck()  {
  $('li').map(function(index) {
    alert(index)
  });
}

有奇怪的结果：alert 已经调用了 14 次！为什么$('li').each()或 $('li').map()<li>在标签中计算每个？

请帮帮我。最好的问候，米卡莱。

Answer 1

$('li')选择页面上的每一个li元素！使用更具体的选择器，例如该特定ol元素的父级。