Changing the border with of a table with jQuery?

Question

I have a table generated from Sphinx that has a border of width 1.

<table border="1" class="docutils">

Can I change the border width to 0 using jQuery/javascript?

score 9 · Accepted Answer · answered Dec 22 '10 at 05:03

9

Yes you can. You want to use the attr() function like this...

$('table.docutils').attr('border', '0');

answered Dec 22 '10 at 05:03

JasCav

This is accurate but it is more efficient to create your selector like this `$("table.docutils")` – John Hartsock Dec 22 '10 at 05:05
1

or you could just user `$('table.docutils').removeAttr('border')` – Krishna Chytanya Dec 22 '10 at 06:34

score 3 · Answer 2 · answered Dec 22 '10 at 05:08

3

I would tend to use the .css() function as opposed to .attr()... eg:

$("table.docutils").css('border', 'none');

:)

answered Dec 22 '10 at 05:08

Damien-Wright

score 1 · Answer 3 · answered Dec 22 '10 at 05:04

1

use

 document.getElementById('myTable').border="0"
<table border="1" class="docutils" id="myTable">

answered Dec 22 '10 at 05:04

3 Answers3