从Jquery Loop只获得2件物品

Question

这是我的Jquery

$th.each(function(idx) {
      var notSelected = $(this).text();
      if ((notSelected.indexOf(to) != -1) || (notSelected.indexOf(from) != -1)) {

      if (idx < 10)
      {
         $(this).show();
         // and show its corresponding td
         $td.eq(idx).show();
      }
      }
    }); 

它是HTML表的tableFilter类型函数的一部分。但是我希望它只显示2个结果。我试过实例化某种索引计数器，但我没有成功。任何帮助或想法将不胜感激。

Answer 1

var index = 0;
$th.each(function(idx) {
      var notSelected = $(this).text();
      if ((notSelected.indexOf(to) != -1) || (notSelected.indexOf(from) != -1)) {

      if (idx < 10 && index < 2)
      {
         $(this).show();
         // and show its corresponding td
         $td.eq(idx).show();
         index = index + 1;
      }
      }
    }); 

Answer 2

这比接受的答案更有效，并且不会污染您的命名空间。

(function(index){
    $th.each(function(idx) {
        if(idx < 10){
            var self = $(this),
                notSelected = self.text();
            if ( notSelected.indexOf(to) > -1 || notSelected.indexOf(from) > -1 ) 
                self.show();
                // and show its corresponding td
                $td.eq(idx).show();
                if(++index===2){
                    //break the loop
                    return false;
                }
            }
        }
    });
}(0));