将id属性的值设置为html中的变量

Question

How to add id attribute of an element in HTML as a variable which is declared above in javascript.

jQuery

var table_row = $('table').find('tr#'+pid);  
var name = table_row.find('td:nth-child(1)').html();  
table_row.find('td:nth-child(6)').html('<button  type="button" id="what to write here" class ="save_db")>save</button> ');

I want to set id as name.

Thanks

Answer 1

It can be done using simple string concatenation as follows:

var table_row = $('table').find('tr#'+pid);  
var name = table_row.find('td:nth-child(1)').html();  
table_row.find('td:nth-child(6)')
  .html('<button  type="button" id="'+name+'" class ="save_db">save</button> ');

PS: Also note that your markup contained a seemingly unnecessary closing brace after class attribute. I've removed it in my code.

Answer 2

So you just want a variable inserted into the html string?

table_row.find('td:nth-child(6)').html`(
    '<button  type="button" id="' + name + '" class ="save_db">save</button> '
)`;

Answer 3

Concatenate name variable to the appending string as ID .

table_row.find('td:nth-child(6)').html('<button  type="button" id="'+ name + '" 
class ="save_db")>save</button>');  

Answer 4

请遵循以下代码：

table_row.setAttribute("id", "id_you_like");

Answer 5

Please try with the below code snippet. Let me know if i am not understand your question.

var id = "btn1";
var table_row = $('table').find('tr#'+pid);  
var name = table_row.find('td:nth-child(1)').html();  
table_row.find('td:nth-child(6)').html('<button  type="button" id="'+id+'" class ="save_db")>save</button> ');

Answer 6

Have you tried this? Try using this:

<button type="button" id='"+name+"' class= "save_db">