jQuery Select Element by Data Attribute Unexpected Results

Question

The following code should alert the HTML content of a DIV. The DIV is selected by finding its data attribute for the field panel. However the alert is undefined for reasons I cannot explain.

$('.access .panel').html(results).data('panel','logon');

  alert($('.access .panel[data-panel=logon]').html());

I've had troubles using "data" before. Try setting the "attribute" instead. $('.access .panel').html(results).attr('data-panel','logon'); — Rob Scott
– Rob Scott, Commented Jan 17, 2015 at 14:48

Guffa · Accepted Answer · 2015-01-17 14:52:16Z

1

Using the data method to set the data for an element doesn't change the data attribute. The data attribute is the initial value, not the current value.

If you set the data attribute, you can find it using the selector:

$('.access .panel').html(results).attr('data-panel','logon');

answered Jan 17, 2015 at 14:52

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

1 Comment

Guffa Over a year ago

@BhojendraSah: That returns the current value.

Collectives™ on Stack Overflow

jQuery Select Element by Data Attribute Unexpected Results

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related