我有一个像这样的表结构
<table>
<tr id="tr_1">
<td>Content1</td>
<td>Content2</td>
<td>Content3</td>
<td>Content4</td>
</tr>
<tr id="tr_2">
<td>Content5</td>
<td>Content6</td>
<td>Content7</td>
<td>Content8</td>
</tr>
<tr id="tr_1">
<td>Content11</td>
<td>Content12</td>
<td>Content13</td>
<td>Content14</td>
</tr>
<tr id="tr_2">
<td>Content15</td>
<td>Content16</td>
<td>Content17</td>
<td>Content18</td>
</tr>
</table>
我将行索引(2)和<tr>
id(tr_1)传递给js函数,以替换该行中第2个第3个td的内容。
我有一个jquery功能
document.getElementById('tr_1').getElementsByTagName("td")[2].innerHTML = '<td>New html</td>';
但是这取代了第一个tr
html。我们如何用索引2
tr_1
答案 0 :(得分:0)
试试这个:
jQuery("[id=tr_1]:eq(1) td:eq(1)").html("new html");
注意你需要插入jquery插件:
答案 1 :(得分:0)
如果你正在使用jquery ..那么这应该有用..
$("#tr_1 td").eq(2).html("<td>New html</td>");
这里是eq()的链接...... http://api.jquery.com/eq/
答案 2 :(得分:0)
试试这个
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#tr_1 td:eq(1)').html('Replacing Content of td 2');
$('#tr_1 td:eq(2)').html('Replacing Content of td 3');
});
</script>
答案 3 :(得分:0)
您没有唯一的ID。对于使用唯一ID的DOM来说,JavaScript是必不可少的。
在jQuery中,你可以使用它来定位id设置为tr_1
的to tr元素:
$("tr[id=tr_1]");
要获得这些tr中的第二个元素,您需要使用jQuery.fn.each
$("tr[id=tr_1]").each(function() {
$("td", this).eq(1).html("new html");
});