如何使用值 Green 查找所有输入并使用 jQuery 更改下一个兄弟跨度的文本？

本文的目的是找到所有值为“Green”的输入，并使用 jQuery 更改下一个兄弟跨度的文本。

使用的方法 –

next() 方法 –此方法用于返回所选元素的下一个同级元素。

text() 方法 –此方法用于返回所选元素的文本内容。

方法 –

• 使用一些不同颜色名称的输入值创建一个 HTML 页面。
• 找到 value = “Green” 的输入并更改其下一个同级跨度的文本。

例子 –

HTML

  

    
        body {
            text-align: center;
            font-size: 20px;
        }
          
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
    

  

     GeeksForGeeks
    Find the input with value = "Green" ?
    
        
            
            value is Red
            
            value is Red
            
            value is Red
            
            value is Red
            
            value is Red
            
            value is Red
        
    
    
    Click to see the answer.
    
        $('button').click(function() {
            $("input[value='Green']").next().text(" Green ");
        });
    

  

输出 –

在点击按钮之前——

点击按钮后——