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