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

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

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

更新

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