Jquery, set value of td in a table?

Question

I create dynamic a table with <tr> and <td> tags. One of the td tags gets the id "detailInfo". I have an onclick function on some button. I would like to set some value in the td "detailInfo" after pressing on the button.

So how can I set the value of the td with id "detailInfo" ?

This is the td:

<td id="detailInfo" rowspan="2" width="300px">picture detail</td>

What do you mean with "set some value"? td tags doesn't have value. Are you trying to append some text? — Claudio Redi
– Claudio Redi, Commented Apr 11, 2014 at 13:09

Milind Anantwar · Accepted Answer · 2014-04-11 13:09:16Z

117

use .html() along with selector to get/set HTML:

 $('#detailInfo').html('changed value');

answered Apr 11, 2014 at 13:09

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

Kenny Evitt · Accepted Answer · 2018-05-14 19:48:02Z

From:

Manipulation | jQuery API Documentation

it could be:

.html()

In an HTML document, .html() can be used to get the contents of any element.

.text()

Unlike the .html() method, .text() can be used in both XML and HTML documents. The result of the .text() method is a string containing the combined text of all matched elements.

.val()

The .val() method is primarily used to get the values of form elements such as input, select and textarea. When called on an empty collection, it returns undefined.

val doesn't work for me (tho I'm using an old version of jQuery); text does.

Pradeep Pansari · Accepted Answer · 2014-04-11 13:16:40Z

You can try below code:

$("Your button id or class").live("click", function(){ $('#detailInfo').html('set your value as you want'); });

Good Luck...

JGeo · Accepted Answer · 2014-04-11 13:11:18Z

2

Try the code below :

$('#detailInfo').html('your value')

edited Apr 11, 2014 at 13:11

JGeo

37814 silver badges34 bronze badges

answered Apr 11, 2014 at 13:09

Tjaart van der Walt

5,1793 gold badges33 silver badges50 bronze badges

Comments

Fiambre · Accepted Answer · 2014-04-11 13:10:28Z

0

$("#button_id").click(function(){ $("#detailInfo").html("WHAT YOU WANT") })

answered Apr 11, 2014 at 13:10

Fiambre

1,97913 silver badges23 bronze badges

Collectives™ on Stack Overflow

Jquery, set value of td in a table?

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Linked

Related