如何迭代三个段落并在 jQuery 中将它们的颜色属性设置为红色？

在本文中，我们将学习如何在 jQuery 中迭代三个段落并将它们的颜色属性设置为红色。我们有三个段落，我们想迭代这些段落并将它们的颜色属性设置为红色。

方法：要做到这一点，首先，我们添加一个按钮，点击这个按钮，一个函数被调用它的名字是有趣的（），并在这个函数中，我们选择使用jQuery的每个（）函数在每个段落p元素和迭代并使用 JQuery 中的css() 方法将其颜色更改为红色。

function fun(){
    $("p").each(function(){
        $(this).css("color","red");
    });
}

例子：

HTML

  
    
      h1 {
        color: green;
      }
    
    
    
  
  
    
      GeeksforGeeks
      Welcome
      to
      GeeksforGeeks
      
        Click the button to iterate on three
        paragraph and change the color to
        Red
      
      
      Click
    
  
    
      function fun() {
        $("p").each(function () {
          $(this).css("color", "red");
        });
      }
    
  

输出：