JQuery更改了页面加载时value = myValue的按钮类

Question

这是我的HTML代码

 <input type="button" class="green red" value="Open"/>
    <input type="button" class="red yellow" value="Close"/>
    <input type="button" class="orange  red" value="Close"/>
  <input type="button" class="blue  red black" value="Close"/>

我想在加载页面时使用JQuery更改按钮的样式类。

要求：样式类红色应替换为绿色，用于值“关闭”的按钮。

注意：我无法更改上述代码，因为它是自动生成的。

请您告诉我如何在使用JQuery / Java Script加载页面时更改样式

Answer 1

尝试

jQuery(function($){
    $('input.red:button[value="Close"]').removeClass('red').addClass('green')
})