Adding table data element identifier in JS

Question

I need to create an edit button for each data cell in the column and I saw in this tutorial that to start things of I need to add an identifier to the Table Data Cell element ( ): https://www.youtube.com/watch?v=pNxWUfw1J_w, but I have those tds defined in JS:

function refresh_row(row, values) {
  var tds = $(row).children('td');
  var ii = 0;

  $(tds[ii]).html(values.type.name);
  ii++;
  $(tds[ii]).html(values.description);
  ii++;
  $(tds[ii]).html(values.company);
  ii++;
  $(tds[ii]).html(values.place);
  ii++;
}

Is there any way to add an identifier like:

id="result-${obj.id}" data-testid="${obj.id}""

to the values.description data cell elements?

If it makes it any easier, values is a Python dictionary populated with JSON data similar to the one used in this question: Is transferring JSON data in Django possible without JS / JQuery?

biberman · Accepted Answer · 2022-06-15 10:15:03Z

1

You could use attr('id'...) and data('testid'...) to achieve this:

  $(tds[ii]).html(values.description).attr('id', 'result-${obj.id}').data('testid', '${obj.id}')

answered Jun 15, 2022 at 10:15

biberman

5,7804 gold badges16 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Adding table data element identifier in JS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related