Get table column by Jquery

Question

I need to make "bold" the second column of this html table:
http://jsfiddle.net/beKC4/4/

How can I do using JQuery?
I tried this but is not working:

$("h3.ms-standardheader").children("td").text("<b>"+this.text()+"</b>")

score 4 · Accepted Answer · answered Jul 14 '14 at 14:35

4

you can also use css

table tr td:nth-child(3){
    font-weight:bold;
}

answered Jul 14 '14 at 14:35

Grasper

2

Note that browser support of `:nth-child` in IE < 9 is limited. Don't know what all the OP needs to support but this may be a factor. – War10ck Jul 14 '14 at 14:48
Solved using table tr td:first-child + td + td – Nk SP Jul 24 '14 at 10:09

score 2 · Answer 2 · answered Jul 14 '14 at 14:32

2

Use .html() instead

$(".ms-standardheader").closest('tr').find("td").html(function () {
    return "<b>" + $(this).text() + "</b>"
});

Also, the selector is incorrect, you need to use closest, then find the <td>

Or if you don't want ms-standardheader to also get <b> you can use siblings()

$(".ms-standardheader").closest('td').siblings("td").html(function () {
    return "<b>" + $(this).text() + "</b>"
});

answered Jul 14 '14 at 14:32

Anton

it s still not working, i think that the problem is to reach the elements – Nk SP Jul 14 '14 at 14:33

score 0 · Answer 3 · answered Jul 14 '14 at 14:39

0

You can use this. Create a css class and add this class with js using :nth-child(). Think is simplier.

css

.bold{
    font-weight: bold;
}

js

$('table td:nth-child(3)').addClass('bold');

answered Jul 14 '14 at 14:39

Alex Char

score 0 · Answer 4 · answered Jul 14 '14 at 14:46

0

I would use nthchild selector, if you want ever other one bold you can put in even or odd I hope this help

$("tr td:nth-child(2)").css({"color":"red"});
$("tr td:nth-child(even)").css({"background":"grey"});

answered Jul 14 '14 at 14:46

aahhaa

4 Answers4