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'));
}