Change data attribute in script

Question

I've got an element on my page:

<a data-toggle="modal" data-nodeID="" class="quickView" data-target="#productModal" href="#">

And this element gets 'repeated' in using a serialized ajax object and what I'm trying to do is change the data-nodeID attribute but I can't seem to alter it. I've tried finding the element by it's class name:

$(myTemplate).find('.quickView').attr({'data-nodeid': product.Id});

Does anyone know how this is done, please?

Thanks, C

Zenoo · Accepted Answer · 2018-06-26 11:55:39Z

2

You should look at jQuery .attr() documentation.

.attr(attributeName, value)

attributeName
Type: String
The name of the attribute to set.

value
Type: String or Number or Null
A value to set for the attribute. If null, the specified attribute will be removed (as in .removeAttr()).

Also be careful about uppercase letters when you try to set your attribute :

$(myTemplate).find('.quickView').attr('data-nodeID', product.Id);

edited Jun 26, 2018 at 11:55

answered Jun 26, 2018 at 11:47

Zenoo

12.9k4 gold badges48 silver badges71 bronze badges

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

1 Comment

SxChoc Over a year ago

Perfect, turns out it was a mistake in me populating the ID (as it was null) corrected that and all is well. Thanks buddy :)

marc_s · Accepted Answer · 2018-06-26 16:46:01Z

0

You can also try using jQuery .data():

// $(myContainer).find('.quickView').data('nodeid', product.Id);

$('#myContainer').data('customTag', 2);

console.log($('#myContainer').data('customTag'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myContainer" data-custom-tag="1"></div>

edited Jun 26, 2018 at 16:46

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jun 26, 2018 at 11:50

tsmi

511 silver badge4 bronze badges

Collectives™ on Stack Overflow

Change data attribute in script

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related