通过数据属性选择jquery对象

我的 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 对象，然后禁用具有数据属性 day 的按钮

您需要使用属性选择器并且需要使用.prop()设置禁用状态

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

Update

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