2016-05-07 7 views
0

Ich versuche, CSS von Taste zu ändern jquery verwenden, aber ich bin nicht in der Lage mit der Taste Text Eigenschaft zu finden, mein JQuery ist:wie Taste von bestimmtem Text markieren jquery mit

$.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'); 
      } 

      }); 
     } 
     }); 

Tasten sind Gruppen von foreach Schleifen Taste erstellt, das ist, warum ich es versuche Textattribut finden Verwendung, wie kann ich das tun, Knöpfe sind:

      <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> 
+0

Möchten Sie die Farbe aller Schaltflächen ändern? –

+0

Nein, ich möchte die Farbe der Schaltfläche ändern, deren Text gleich element.table_no ist – JohnB

Antwort

1

Vielleicht dieser Code wird Ihnen helfen: https://jsfiddle.net/auczzk5x/

Sie füllen eine Texteingabe mit dem Wort: special oder unspecial. Und Tasten unten haben text atributte mit Wert eines dieser Wörter. Wenn Sie beispielsweise special eingeben und Clorize Buttons klicken, werden Schaltflächen mit text="special" in roter Farbe angezeigt.

In Ihrem Code oben ist kein HTML-Element mit id="table", dass Sie in jQuery-Code verwenden: $('#table button[text='+elmt+']'), was das mit id="table" Tasten sind in Elemente vermuten läßt.

Verwandte Themen