Select jquery object by data attribute

Question

My html fragment goes something like

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

and I'm trying to do the following in Jquery

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

So make jQuery objects of all buttons then disable the button with data attribute day

Arun P Johny · Accepted Answer · 2013-09-14 11:32:54Z

4

You need to use the attribute selector and need to use .prop() to set the disabled state

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

Update

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

edited Sep 14, 2013 at 11:32

answered Sep 14, 2013 at 11:22

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

James Over a year ago

Thanks, I should have mentioned i have two buttons- Day and Night with matching data attributes data-file="day" and data-file="night. Can I make an object of both buttons i.e var $button = $('button') then select the day button via its data attribute?

James Over a year ago

Perfecto! Many thanks. Clearly I need to learn more methods. Many thanks.

Collectives™ on Stack Overflow

Select jquery object by data attribute

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related