How to add something in html string

Question

How I can add something in html string with jquery.

String html :

var stringHtml = '<td>Column 1</td><td>Column 2</td><td></td>';

I want add something in last td ( td:eq(2) ), and then append it to table.

I try:-

var stringHtml = '<td>Column 1</td><td>Column 2</td><td></td>';

$(stringHtml).find('td:last').append('<button>MyButton</button>');

$('#myTable tbody').append(stringHtml);

This script not working.

Thank you for helping.

You should accept the answer rather than mentioning "Solved" see How does accepting an answer work? — Satpal
– Satpal, Commented Feb 12, 2017 at 15:51

Pranav C Balan · Accepted Answer · 2017-02-12 15:59:32Z

2

You are appending the string, not the jQuery object.

var $ele = $('<td>Column 1</td><td>Column 2</td><td></td>');

$ele.find('td:last').append('<button>MyButton</button>');

$('#myTable tbody').append($ele);
// or $ele.appendTo('#myTable tbody');

UPDATE : The same behavior with one linear code using chaining.

$('<td>Column 1</td><td>Column 2</td><td></td>').appendTo('#myTable tbody').find('td:last').append('<button>MyButton</button>');

edited Feb 12, 2017 at 15:59

answered Feb 12, 2017 at 15:42

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

Collectives™ on Stack Overflow

How to add something in html string

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related