当按钮文本为特定值时,更改按钮的类别

时间:2017-08-09 08:02:50

标签: javascript jquery

我正在尝试设置一个我没有完全访问权限的网站。网站上的所有按钮都使用“网站”按钮'。我想要做的是改变某些按钮。这些按钮使用相同的类,但具有文本标签' Upload'。

有谁知道是否可以使用jQuery更改按钮类,通过按钮文本识别它?

3 个答案:

答案 0 :(得分:3)

我猜这个解决方案:

$( ".sitebutton:contains('Upload')" ).addClass('upload-button').removeClass('sitebutton');

答案 1 :(得分:1)

这很有效     $(function(){ $(".siteButton").each(function(){ if($(this).text()=='Save'){ // checks the inner text in the button $(this).removeClass('siteButton'); // remove old class if required $(this).addClass('newClass'); // add new class } }) })

如果按钮是输入标签,请使用此选项     $(function(){ $(".siteButton").each(function(){ if($(this).val()=='Save'){ // checks value of input with type='button' $(this).removeClass('siteButton'); // remove old class if required $(this).addClass('newClass'); // add new class } }) })

答案 2 :(得分:0)

只需使用:contains伪类

$('.sitebutton:contains("Upload")').addClass('test');

这会将类添加到按钮中,如果它包含' upload'其中的文字