Search jQuery

jQuery Forum

Using jQuery

srk1

jquery to add tr & td to table is not working.

in Using jQuery • 6 years ago

Hello,

I'm trying to add tr & td elements to my table which isn't working. am I missing something here ?

Thank you.

<table id="my_tbl">
<tr id="row1">
<td id="chart0"></td>
<td id="chart1"></td>
</tr>
<tr>
<td id="chart2"></td>
<td id="chart3"></td>
</tr>
</table>
$('#my_tbl tr:last').after('<tr><td> </td><td> </td></tr>');

Replies(7)

jakecigar

Re: jquery to add tr & td to table is not working.

6 years ago

There’s nothing wrong with your code, other than it needs to be executed after the DOM is ready. You can put the script after the table or use .ready() | jQuery API Documentation .

$(function(){
$('#my_tbl tr:last').after('<tr><td> </td><td> </td></tr>');
})

JΛ̊KE

srk1

Re: jquery to add tr & td to table is not working.

6 years ago

The statement what i have added is already part of function. I have added part of my code snippet. When i execute the code I'm getting the alert dialogue but the next line which adds the row isn't working.

$.each(li, function (i, db) {
if (db.Value == 0) {
var id = '<td id="chart' + i + '"> </td>';
alert(id);
$("#my_tbl tr:last").after('<tr><td> </td><td> </td></tr>');
}

jakecigar

Re: Re: jquery to add tr & td to table is not working.

6 years ago

Why should it? You didn’t use the variable id that you created.

JΛ̊KE

jakecigar

Re: jquery to add tr & td to table is not working.

6 years ago

Also, there is probably no need for all these ids. You can use selectors to get to any td in your table.

JΛ̊KE

srk1

Re: jquery to add tr & td to table is not working.

6 years ago

Appreciate your help.

I was adding empty td elements and checking from the page source after it is loaded which shows nothing. Now I fugered it out how dynamic addition works with jQuery:)

jakecigar

Re: Re: jquery to add tr & td to table is not working.

6 years ago

I actually laughed out load. So many new programmers do that! "View Source" is nice, especially if you use a server language to generate the page. But the "Web inspector" / "Dev Tools" is KING!

JΛ̊KE

srk1

Re: jquery to add tr & td to table is not working.

6 years ago

sure. I will definitely try that :)

Top Reply

Response title

Attachments

jQuery Forum

jquery to add tr & td to table is not working.

Replies(7)

Re: jquery to add tr & td to table is not working.

Re: jquery to add tr & td to table is not working.

Re: Re: jquery to add tr & td to table is not working.

Re: jquery to add tr & td to table is not working.

Re: jquery to add tr & td to table is not working.

Re: Re: jquery to add tr & td to table is not working.

Re: jquery to add tr & td to table is not working.

Statistics

Tags

Actions