How to add ID of html table using jquery

Question

I am trying to create an ID of html table using jQuery which should be visible when I view html page source. For example I have following code and convert from first table to another table with its ID, Thanks.

<table>

</table>

TO

<table id="tablecontent">

</table>

JQuery updates the DOM (right click -> inspect element), not the page's source HTML; this can't be done, unless you were mistaken about 'page source,' and you meant the DOM). — David Thomas
– David Thomas, Commented Sep 30, 2014 at 9:37
why i cannot see ?? is there not any other way to add class which should be visible? — user3004110
– user3004110, Commented Sep 30, 2014 at 9:38
I think there's maybe a translation problem? The source HTML is the HTML text (<doctype html><html>...</html>) sent by the server, the DOM is what the browser constructs to represent that HTML source and manipulate it. The page is the representation you can see in the viewport of the browser. — David Thomas
– David Thomas, Commented Sep 30, 2014 at 9:41
iam using google chrome i cannot see viewport option, which browser should i use to view? thanks. — user3004110
– user3004110, Commented Sep 30, 2014 at 9:46

V31 · Accepted Answer · 2014-09-30 09:40:47Z

7

You need to put the jquery (adding attribute of id) on page load.

Code to set id:

$('table').attr('id','test');

See the demo fiddle (Just inspect element and look in the body in the result panel)

answered Sep 30, 2014 at 9:40

V31

7,6643 gold badges28 silver badges44 bronze badges

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

3 Comments

V31 Over a year ago

you wanted the id on the table element, in the demo just do a right click on 'test' and do an inspect element. It is wrapped with the table tag having the id set from jquery

user3004110 Over a year ago

If i have multiple tables its changing all tables. How can i set id to specific or selected table?

V31 Over a year ago

then you need to build logic built on classes, or loop on multiple tables

DeDevelopers · Accepted Answer · 2014-09-30 09:40:04Z

1

you can try this:

$(document).ready(function(){
   $("table").attr("id", "tablecontent");
});

answered Sep 30, 2014 at 9:40

DeDevelopers

5911 gold badge7 silver badges26 bronze badges

Comments

Sameera Thilakasiri · Accepted Answer · 2014-09-30 09:57:41Z

0

Using jQuery attr() you may add the ID for table, here need to consider the which table you pick to add an ID. Try this fiddle, on this example I alert the ID again to confirm that it has been appied.

$('table').attr('id','idForTable');
var a = document.getElementsByTagName('table')[0];
alert($(a).attr('id'))

answered Sep 30, 2014 at 9:57

Sameera Thilakasiri

9,51810 gold badges54 silver badges87 bronze badges

Collectives™ on Stack Overflow

How to add ID of html table using jquery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related