Question

我需要定位和覆盖按钮上的CSS样式。我想根据按钮的内容更改样式。例如，如果按钮文本为“取消”，我想将CSS覆盖为另一组样式。如何在jQuery中做到这一点？

Answer 1

假设需要更改“加载”页面上的Css按钮

$(document).ready(function(){
    $('input[type=button]').each(function() {
        var content = $(this).text();
        switch (content) {
        case "Cancel": 
          $(this).addClass('cancelClass');
        case "Success":
          $(this).addClass('SuccessClass');
        case 3: 
          ......
       }
    });
});

Answer 2

可能最好的方法是用

删除值为“ Cancel”的按钮的内联样式。

removeAttr()

功能，然后使用

css()

应用样式的功能。

结果应为：

$('input[type="button"][value="Cancel"]').removeAttr('style').css("whatever");

和“随便什么”都被您的样式明显取代。

Answer 3

jQuery有一个选择器来搜索文本字符串:contains()。如果我们专门为您的示例使用此功能，则可以将选择器设置为搜索带有文本“ Cancel”的<button>的任何实例，然后应用.css()函数来更改所需的任何CSS属性。

一个例子是：

$( "button:contains('Cancel')" ).css( "background-color", "green" );

请注意：contains（）区分大小写，因此请记住这一点。

来源：https://api.jquery.com/contains-selector/

使用jQuery根据按钮文本更改按钮上的CSS属性

3 个答案: