如何使用 jQuery 查找所有没有颜色名称的输入并将文本附加到它旁边的跨度？

给定一些输入元素，任务是找到所有没有 name = “color” 的输入，并使用 jQuery 将文本附加到它旁边的范围。简单来说，我们必须找到名称为 != “color” 的所有输入，然后我们必须在 span 元素旁边附加一些文本。

使用方法：

• next() 方法：该方法用于返回被选元素的下一个兄弟元素。
• append() 方法：该方法用于在被选元素的末尾插入指定的内容。

方法：

• 使用不同的输入名称创建一个 HTML 页面，并且至少一个名称应该是颜色。
• 接下来选择没有 name = “color” 的输入。
• 在每个没有 name = “color” 的 span 元素后写一条消息。

例子：

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
    choose colors name from the below list.
    
        
        Green
    
    
        
        Tiger
    
    
        
        Birds
    
    
    Click to see the effect
  
    
        $('#button1').click(function() {
            $("input[name!='color']").next()
              .append("<b>: This is not a color</b>");
        });
    

  

输出 -

在点击按钮之前——

点击按钮后——