我正在尝试使用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>
答案 0 :(得分:1)
也许此代码可以帮助您:https://jsfiddle.net/auczzk5x/
使用以下字词填写文本输入: special 或 unspecial 。以下按钮的text
属于其中一个单词的值。例如,如果您键入特殊并单击 Clorize Buttons ,则使用text="special"
的按钮将为红色。
在上面的代码中,没有使用id="table"
的HTML元素,您在jQuery代码中使用$('#table button[text='+elmt+']')
,这表示按钮位于id="table"
的元素中。