Как добавить текст в заголовок таблицы динамически

Я хочу динамически добавлять текст в заголовок таблицы, но я ничего не могу придумать.

Вот как я добавляю текст в div,

var textForDiv1 = getFromArray.ResourceKey;
$("#someDIVId").text(textForDiv1);

и он работает, но как я могу сделать то же самое для ?

редактировать

Html добавляется динамически, но это то, как я добавляю th

var someRow= "text1text2"; // add resources $("#Table").append(someRow);
5 ответов

дайте заголовкам идентификатор при их создании и просто получите доступ к ним, как и любой другой элемент:

$(function(){ var someRow= "text1text2"; // add resources $("#Table").append(someRow); $("#header1").text("Banana");
});

Example


Вы можете выбрать элементы th так же, как вы можете выбрать другие элементы на странице (например, div), используя любой допустимый селектор CSS. Например, если вы хотите динамически изменять заголовки таблиц для этой таблицы:

<table> <tbody><tr> <th>One</th> <th id="th-two">Two</th> <th>Three</th> </tr>
</tbody></table>

Вы могли бы сделать что-то вроде этого:


Если вы хотите установить на все th стола какой - то текст, то сделать так:

$("#Table th").each(function () { $(this).text("Dummy text") })

Пример FIDDLE

для динамичного и различного содержания в каждой th вы можете сделать:

var temp = new Array();
temp.push("text1");
temp.push("text2");
var i =0; $("#Table th").each(function () { $(this).text(temp[i]) i++; })

FIDDLE


Включите thead в квалификатор.

<table id="Table">
</table>

добавить thead там с #Table

var someRow= "text1text2"; // add resources
$("#Table thead").append(someRow);


Вы можете идентифицировать каждый th своим уникальным id если у вас есть.

Как я вижу из вашего примера, id не существует. Таким образом, вам нужно настроить таргетинг с помощью селектора nth-child.

Демо: http://jsfiddle.net/abhitalks/CYVH4/1/

Соответствующий JS:

$("#tab").find("tr.someClass").first().children("th:nth-child(1)").text("Header One");
$("#tab").find("tr.someClass").first().children("th:nth-child(2)").text("Header Two");

Таким образом, вы используете nth-child(n) для таргетинга на ячейки, которые вы используете. В качестве альтернативы вы можете использовать jQuery .eq(n) для таргетинга на определенную ячейку.

$("#tab tr.someClass").eq(0).children("th").eq(0).text("Header One");

licensed under cc by-sa 3.0 with attribution.