How to set data-id attribute

Question

I am trying to set the data-id and/or value of a span from my js file after a click event.

Click to copy

<span id="test"></span>

my sudo code js file

Click to copy

nextLink: function(event) {
    $('#test').val = 3;
    $('#test').data('id') = 'Next';
},

Answer 1

Try setting it as an attribute..

Click to copy

 $('#test').attr('data-id' , 'Next');   // JQuery

You can also try the setAttribute() ..

Click to copy

var d = document.getElementById("test");  //   Javascript
d.setAttribute('data-id' , 'Next');       //

Using this approach will reflect the new attribute in the DOM

In your code You are trying to set the attribute which is not present .. So you need to add the attribute first to add that ..

Answer 2

You probably need this:

Click to copy

$('#test').data('id', 'Next');