Как выбрать кнопку по определенному тексту с помощью jquery

Question

Я пытаюсь изменить CSS кнопки, используя jquery, но я не могу найти кнопку, используя свойство 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>

Answer 1

Может быть, этот код поможет вам: https://jsfiddle.net/auczzk5x/

Вы заполняете текстовый ввод словом: спец или спец. И кнопки внизу имеют text Атрибут со значением одного из этих слов. Например, если вы наберете спец и нажмете Clorize Buttons, чем кнопки с text="special" будет в красном цвете.

В вашем коде выше нет элемента HTML с id="table", который вы используете в коде jQuery: $('#table button[text='+elmt+']'), что говорит о том, что кнопки находятся в элементе с id="table",