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

Question

这有什么区别:

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

还有这个:

$('#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 文档，但我仍然不明白其中的区别。 (是我还是那个文件有时在内容的清晰度上有点“模糊”？)

添加信息:

显然，我尝试使用一个通用示例会让人们感到困惑!连同第一个示例中(之前)缺少的括号。 :(

第一个示例来 self 的代码中的一行，该行删除了所有带有选中复选框的行的 :

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

第二个示例来 self 在#classesTable 中查看任何选中的复选框并在下拉列表中删除其匹配项的情况。

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

我知道他们做了两件不同的事情，但还没有达到我可以说“我需要在这种情况下使用 $.each() 而在另一种情况下需要使用 .each(function() {})案例。

它们完全可以互换吗？只是在某些情况下？从来没有？

Answer 1

描述:

.each is an iterator that is used to iterate over only jQuery objects collection while jQuery.each ($.each) is a general function for iterating over JavaScript objects and arrays.

---

例子

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 to loop through elements with the same class