按数据属性选择jquery对象

Question

我的html片段类似于

<button data-file="day">Day</button>
<button data-file="night">Night</button> 

我试图在Jquery

中执行以下操作

var $button = $('button');
$button.data('file' , 'day').attr('disabled', 'disabled');

因此，制作所有按钮的jQuery对象，然后禁用具有数据属性日的按钮

Answer 1

您需要使用attribute selector并需要使用.prop()来设置禁用状态

var $button = $('button[data-file="day"]');
$button.prop('disabled' , true);

更新

var $button = $('button');
$button.filter('[data-file="day"]').prop('disabled' , true);