Вопрос по jquery, css-selectors – Согласен со Стивом

24

зменить содержимое ячейки, содержащей букву «c» в образце HTML, с помощью jQuery?

<table id="table_header">
<tr>
   <td>a</td>
   <td>b</td>
   <td>c</td>
</tr>
</table>

Благодарю.

Ваш Ответ

5   ответов
1

и вы можете сделать каскадный селектор

$('#tbox1 tr:nth-child(2) td').html(11111)
-3

Ты можешь сделать это :

<table id="table_header">
<tr>
   <td contenteditable="true">a</td>
   <td contenteditable="true">b</td>
   <td contenteditable="true">c</td>
</tr>
</table>
Они хотели знать, как изменить значение с помощью jQuery, а не то, какие изменения они должны внести в XML. Steve
Согласен со Стивом Imir Hoxha
8

CSS селекторы.

В зависимости от того, как вы получите этот тд, вы можете дать ему идентификатор:

<td id='cell'>c</td>

а затем используйте:

$("#cell").text("text");

Или перейдите к третьей ячейке первого ряда table_header и т. Д.

13

С помощьюeq() Вы можете выбрать третью ячейку в таблице:

$('#table_header td').eq(2).html('new content');

Если вы хотели нацелитьсякаждый третья ячейка в каждом ряду, используйтеnth-child-selector:

$('#table_header td:nth-child(3)').html('new content');
25
$("td:contains('c')").html("new");

$("#table_headers td:contains('c')").html("new");

и, возможно, для повторного использования вы можете создать функцию для вызова

function ReplaceCellContent(find, replace)
{
    $("#table_headers td:contains('" + find + "')").html(replace);
}
или же$("#table_headers td:last").html("new"); hunter
Разве нет способа сослаться натретий столбец вместо медленного поиска строки? abenci
конечно, вы можете сделать$("#table_headers td:eq(2)").html("new"); hunter

Похожие вопросы