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

时间:2012-11-16 07:45:05

标签: jquery html-lists

我需要帮助才能了解.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)
  });
}

有奇怪的结果:警报已经召唤了14次! 为什么 $('li')。each() $('li')。map()计算<li>代码中的每一个?

请帮帮我。 最好的问候,Mikalai。

1 个答案:

答案 0 :(得分:0)

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