通过jQuery将文本追加到td单元格

Question

I need to append some text to the Name column by jquery,
I tried this but no luck:

$(".ms-listviewtable").closest("tr").next().find(".ms-vb2:first").append("<p>test</p>");

JSFiddle Example

Answer 1

$(".ms-listviewtable").find(".ms-vb2:first").append("<p>test</p>");

See the fiddle

JSFIDDLE

Answer 2

Use This it will work there

$(".ms-listviewtable tr:first td").eq(1).append("<p>test</p>");

DEMO

Answer 3

.closest() starts looking for the element traversing the DOM upwards, and you want to go downwards, inside your table.

Use .find() instead:

http://jsfiddle.net/w0Lrvo5y/3/

Answer 4

Try this :

$(".ms-listviewtable").find("tr:first").find(".ms-vb2:eq(1)").append("<p>test</p>");

Demo

Answer 5

$(".ms-listviewtable > tbody > tr > td:nth-child(1)").hide();

Working Fiddle: http://jsfiddle.net/w0Lrvo5y/9/

Basically just reach the parent element of the element you want to change and then access it using nth-child jQuery selector.

If you want to select which parent element to access you can use jQuery selector for that too.

Hope it works for you.

Answer 6

If you just want to target the td containing 'Name' you could write

$(".ms-listviewtable .ms-vb2").first().append("<p>test</p>");

This will target the first td with the class .ms-vb2 within .ms-listviewtable

Does this answer your question?