jQuery：为与选择器匹配的每个元素执行代码

Question

$("p")引用当前网页上的所有段落。是否可以为匹配选择器的每个元素执行代码？

这是伪代码中的一个简单示例：

// Show the background color of every paragraph on the page
foreach (object = $("p")) {
  alert(object.css("background-color"));
}

Answer 1

$('p').css('background-color', 'black')

如果您需要更多灵活性：

$('p').each(function() {
    $(this).css('background-color', 'red');
});

Answer 2

您可以使用.each()来迭代匹配的元素，如下所示：

$("p").each(function() {
  alert($(this).css("background-color"));
});

如果你想设置或做某些东西（例如没有从上面的每个中获取值），则不需要.each()，只需执行它并且它将为集合中的每个元素运行...这是默认的jQuery行为，例如：

$("p").show(); //shows all <p> elements

Answer 3

each方法听起来像你想要的

$('p').each(function() {
    alert($(this).css('backgroundColor'));
}