$.each(selector) 和 $(selector).each() 有什么区别

Question

之间有什么区别？

$.each($('#myTable input[name="deleteItem[]"]:checked').do_something());

this:和 this:

$('#myTable input[name="deleteItem[]"]:checked').each(function() { do_something });

正在选择并执行操作的表格单元格的 html 看起来像这样：

<td width="20px"><input type="checkbox" class="chkDeleteItem" name="deleteItem[]" value="' . $rowItem['itemID'] . '" /></td>

我已经浏览了 jQuery 文档，但我仍然不明白其中的区别。 （是我的问题还是该文档有时在内容的清晰度上有点“模糊”？）

添加信息：

显然我尝试通用示例使人们感到困惑！以及第一个示例中（以前）缺少的括号。 :(

第一个示例来自我的代码中的一行，该行删除了带有选中的复选框的任何行的 ：

$.each($('#classesTable input[name="deleteClasses[]"]:checked').parent().parent().parent().remove());

第二个示例来自这样的情况：我在 #classesTable 中查找任何选中的复选框并删除其 我知道它们做了两种不同的事情

$('#classesTable input[name="deleteClasses[]"]:checked').each(function(){
    $('#classesList option[value="' + $(this).attr('value') + '"]').remove();
});

，但还没有达到我能够说“在这种情况下我需要使用 $.each() 和 .each(function() {}”的程度。 ）在另一个 仅在某些情况

下它们可以互换吗？

Answer 1

描述：

.each 是一个迭代器，仅用于迭代 jQuery
对象集合，而 jQuery.each ($.each) 是通用的
用于迭代 JavaScript 对象和数组的函数。

---

示例

1) 使用 $.each() 函数

var myArray = [10,20,30];

$.each( myArray, function(index, value) {
   console.log('element at index ' + index + ' is ' + value);
});

//Output
element at index 0 is 10
element at index 1 is 20
element at index 2 is 30

2) 使用 .each() 方法

$('#dv').children().each(function(index, element) {
    console.log('element at index ' + index + 'is ' + (this.tagName));
    console.log('current element as dom object:' + element);
    console.log('current element as jQuery object:' + $(this));
});

//Output
element at index 0 is input
element at index 1 is p
element at index 2 is span

---

资源

• https://api.jquery.com/jquery.each/
• http://api.jquery.com/each/
• jQuery 循环遍历具有相同类的元素

Answer 2

来自 http://api.jquery.com/jQuery.each：

$.each() 函数不一样
如.each()，用于迭代，
专门针对 jQuery 对象。这
$.each() 函数可用于
迭代任何集合，无论是
它是一个地图（JavaScript 对象）或
数组。

Answer 3

您确实希望将 $.each 与不是元素或其他内容的数组一起使用。即：

var x = ["test", "test2"];

您可以使用 $.each(x... 来遍历它，而不是 x.each :)

.each 用于元素仅有的 ：）

Answer 4

没有功能上的区别。每个 jQuery 对象都拥有一个从 jQuery.fn 继承的 .each() 方法。通过调用此对象方法，jQuery 已经知道要迭代哪个数组（类对象）。换句话说，它循环遍历当前 jQuery 对象的索引属性。

另一方面，$.each() 只是一个“辅助工具”，它循环任何类型的 Array 或 Object，但是当然您必须告诉该方法您要迭代哪个目标。
它还会照顾您是否传入数组或对象，它在底层使用 for-in 或 for 循环 执行正确的操作。

Answer 5

第一个将对您传入的集合中的元素运行回调函数，但您的代码目前在语法上不正确。

它应该是：

$.each($('#myTable input[name="deleteItem[]"]:checked'), do_something);

参见：http://api.jquery.com/jQuery.each/

第二个将在您正在运行该函数的集合的每个元素上运行该函数。

请参阅：http://api.jquery.com/each/

Answer 6

在第一种情况下，您可以迭代 jQuery 对象以及其他数组项，如下所示：

jQuery.each()

在第二种情况下，您只能遍历 jQuery 对象，如下所示：

.each()

Answer 7

据我了解 $.each(); 循环遍历一个对象或数组，并为您提供每个项目的迭代器和值。

$().each(); 循环遍历 jQuery 对象列表，并为您提供迭代器和 jQuery 对象。

Answer 8

取自 http://api.jquery.com/jQuery.each/

$.each() 函数与 .each() 不同，后者用于专门迭代 jQuery 对象。 $.each() 函数可用于迭代任何集合，无论它是映射（JavaScript 对象）还是数组。对于数组，回调每次都会传递一个数组索引和相应的数组值。 （该值也可以通过 this 关键字访问，但 Javascript 总是将 this 值包装为一个对象，即使它是一个简单的字符串或数字值。）该方法返回其第一个参数，即被迭代的对象。