Insert a value into div parameter

Question

I have a custom parameter in my div and I want to insert a value into this parameter using JS or JQuery.

<div id='test' data-sku=""></div>

Using JS or JQuery, how can I change/insert a value in data-sku?

`$("#test").data("sku", "my value here");` – tymeJV Jul 06 '17 at 14:55 — tymeJV, Jul 06 '17 at 14:55
@HemaNandagopal uhh, how's that relevant to the question? – Rory McCrossan Jul 06 '17 at 14:55 — Rory McCrossan, Jul 06 '17 at 14:55

score 3 · Accepted Answer · answered Jul 06 '17 at 14:55

3

This will do the trick:

jQuery (Check out the documentation for more usage examples: http://api.jquery.com/attr/):

$('#test').attr('data-sku', 'my value')

Vanilla JavaScript:

document.querySelector('#test').setAttribute('data-sku', 'my value')

answered Jul 06 '17 at 14:55

shotor

Should be `document.querySelector('#test').dataset.sku = "my value"` – Ilia Choly Jul 06 '17 at 14:58
`setAttribute` is a valid method on `Element`: https://developer.mozilla.org/en/docs/Web/API/Element/setAttribute – shotor Jul 06 '17 at 15:01

score 1 · Answer 2 · answered Jul 06 '17 at 14:55

1

you can use .attr() to set the value of a specific attribute of an element, like this:

$('#test').attr('data-sku', 'value');

answered Jul 06 '17 at 14:55

Dij

2 Answers2