jQuery每个元素

Question

我很好奇为什么这段代码无效:

$.each( $("p") ).css("color", "green");

虽然这段代码工作正常:

$.each($("p"), function() { $(this).css("color", "green") });

是不是可以用每个元素链接元素？

Answer 1

删除包装:

$("p").css("color", "green");

如果要使用$.each,请将函数指定为第二个参数:

$("p").each(function() {
//Or: $.each( $("p"), function() {
   $(this).css("color", "green");
});

jQuery方法自动返回集合的实例,因此仍然可以进行链接.

演示:http://jsfiddle.net/pC2Bj/

也可以看看:

• jQuery文档 - $().each()
• jQuery文档 - $.each

Answer 2

$.each()需要一个函数作为第二个参数.你只传过一个论点.

http://api.jquery.com/jquery.each/

jQuery.each(集合,回调(indexInArray,valueOfElement))

collection要迭代的对象或数组.

callback(indexInArray,valueOfElement)将在每个对象上执行的函数.

是的,它可以链接,因为$.each返回你正在迭代的集合.

$.each($("p"), function() { $(this).css("color", "green") }).addClass('test');