如何使用jquery按特定文本选择按钮

时间:2016-05-07 12:14:35

标签: jquery html5 css3 laravel

我正在尝试使用jquery更改按钮的CSS,但我无法使用text属性找到按钮,我的JQuery是:

 $.ajax({
        url : "{{url('booktable')}}",
        type : "GET",
        data : {},
        success : function(data){
          $.each(data, function(index, element){
            if(element.table_aval == 0)
            {
              var elmt = element.table_no;
              $('#table button[text='+elmt+']').css('color','red');
            }

          });
        }
      });

按钮是由foreach循环创建的按钮组,这就是为什么我试图使用text属性找到它,我该怎么做,按钮是:

                         <tbody>
                        @foreach($tables as $table)
                        <tr id=""> 
                            <!--input type="hidden" name="table_no" id="tno" value=""-->
                            <td style="text-align: center;">
                              <button class="btn" >{{$table->table_no}} </button>
                            </td>
                        </tr>
                        @endforeach
                      </tbody>

1 个答案:

答案 0 :(得分:1)

也许此代码可以帮助您:https://jsfiddle.net/auczzk5x/

使用以下字词填写文本输入: special unspecial 。以下按钮的text属于其中一个单词的值。例如,如果您键入特殊并单击 Clorize Buttons ,则使用text="special"的按钮将为红色。

在上面的代码中,没有使用id="table"的HTML元素,您在jQuery代码中使用$('#table button[text='+elmt+']'),这表示按钮位于id="table"的元素中。