请考虑以下代码:

    var sentences = [
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
        'Vivamus aliquet nisl quis velit ornare tempor.',
        'Cras sit amet neque ante, eu ultrices est.',
        'Integer id lectus id nunc venenatis gravida nec eget dolor.',
        'Suspendisse imperdiet turpis ut justo ultricies a aliquet tortor ultrices.'
    ];

    var words = ['ipsum', 'amet', 'elit'];

    $(sentences).each(function() {
        var s = this;
        alert(s);
        $(words).each(function(i) {
            if (s.indexOf(this) > -1)
            {
                alert('found ' + this);
                return false;
            }
        });
    });

有趣的部分是嵌套的jQuery.each()循环.根据文档 …

<script>
    $(document).ready(function() {
        var data = { "programs": [ { "name":"zonealarm", "price":"500" }, { "name":"kaspersky", "price":"200" } ] };
        $.each(data.programs[0], function(key,val) {
            alert(key+val);
        });
    });
</script>

此代码检索第一个数据.name:zonealarm和price:500.如何检索对象中的所有数据？我试过$.each(data.programs, function(key,val)但它没有奏效.我应该把它放在一个循环中吗？

我有这样的事......

$( 'ul li' ).each( function( index ) {

  $( this ).append( ',' );

} );

我需要知道最后一个元素的索引是什么,所以我可以这样做......

if ( index !== lastIndex ) {

  $( this ).append( ',' );

} else {

  $( this ).append( ';' );

}

伙计们,有什么想法？

我不明白为什么会这样.

我在这里读到:

第一$.每构成一个单一的函数调用来启动迭代器.

第二个$(foo.vals).each进行三次函数调用以启动迭代器.

• 第一个是$(),它生成一个新的jQuery包装器集(不确定在此过程中有多少其他函数调用).
• 然后调用$().每个.
• 最后它对jQuery.each进行内部调用以启动迭代器.

在你的例子中,差异可以忽略不计.但是,在嵌套使用方案中,您可能会发现性能成为问题.

最后,jQuery Enlightenment中的Cody Lindley不推荐使用$ .each进行大于1000的迭代,因为涉及函数调用.使用法线(var i = 0 ... loop.

所以我用这个jsperf测试了它:

(任务:找到已经检查过内部复选框的Tr,并将该颜色设为tr.)

这是jsbin

但看看jsperf

反对所有人的期望,恰恰相反.(chrome和FF和IE)

使用的人$().each(调用三种方法是最快的等等..

这里发生了什么？

我创建了一个脚本来动画从零到它的值的数字.

工作

jQuery的

$({ Counter: 0 }).animate({
  Counter: $('.Single').text()
}, {
  duration: 1000,
  easing: 'swing',
  step: function() {
    $('.Single').text(Math.ceil(this.Counter));
  }
});

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

不工作

我现在想在页面上为每个匹配的类多次运行该脚本.

以下是我正在尝试但到目前为止没有成功:

HTML

<span class="Count">200</span>
<span class="Count">55</span>

JQUERY

$('.Count').each(function () {
  jQuery({ Counter: 0 }).animate({ Counter: $(this).text() }, {
    duration: 1000,
    easing: 'swing',
    step: function () {
      $(this).text(Math.ceil(this.Counter));
    }
  });
});

我正在对对象数组进行非常频繁的迭代,并且一直在使用jQuery.each().但是,我有速度和内存问题,根据我的探查器,最常调用的方法之一是jQuery.each().街上有什么关于它的表现的话？我应该切换到简单的for循环吗？当然,我也在修复我自己的代码中的许多问题.

如果我找到第一个空白文本框,我想返回false并从函数返回

function validate(){
 $('input[type=text]').each(function(){
   if($(this).val() == "")
     return false;
});
}

以上代码对我不起作用:(任何人都可以帮忙吗？

有很多问题似乎都在问这个问题,但最终他们想要的只是附加.click事件而不是.each,因此所有人都普遍接受的答案包括$("body").on("click", ".selector", function(){});,这绝对不是我想要的.

我有一些生成的输入,我需要同时更改每个输入的值.通常我会$(".inputs").each(function(){$(this).val("new-value")};或那些沿着这些线,但是,我不能因为动态方面.

那你怎么办$("body").on("each", ".inputs", function(){});？

我怎样才能按索引循环？

Foo.java

public Foo {
    private List<String> tasks;
    ...
}

的index.html

<p>Tasks:
    <span th:each="${index: #numbers.sequence(0, ${foo.tasks.length})}">
        <span th:text="${foo.tasks[index]}"></span>
    </span>
</p>

我得到了解析错误

org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as each: "${index: #numbers.sequence(0,  ${student.tasks.length})}"

短

我想要做的是:首先,函数validate()必须逐个检查所有输入:如果它们不是空的(或空格),则移动到if语句(用于检查单选按钮)但是如果某些输入为空,则停止整个验证功能和专注于空输入.

结果如下:http://jsfiddle.net/tt13/y53tv/4/

只需按下ok按钮,你就会看到它完成了第一个功能,并且如果它也发射了.但我想退出整个validate()函数,以防有空字段,而不仅仅是来自each()函数

详细

JS

function validate() {
    $('.var_txt').each(function() {
        if ($.trim($(this).val()) == '') {
            $(this).focus();
            return false;
        }
    });

    if (!$(".answer:checked").val()) {
        alert("boom");
        return false;
    }
    return true;
}
$(document).ready(function() {
    $("#add_question").submit(function(e) {
        if (validate()) {
            alert("good");
        }
        e.preventDefault();
    })
});?

HTML标记

 <form id="add_question" method="post" action=""> 
 <table>

                  <tr>

                    <td class="var_label">

                      <input class="answer" type="radio" name="answer" value="a" /> a)

                    </td>

                    <td>

                      <input type="text" class="var_txt" name="var_a" />

                    </td>

                  </tr>

                  <tr>

                    <td class="var_label">

                      <input class="answer" …