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

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);