[英]Replacing the content of a <td> with <tr> id and <tr> index
我有这样的表结构
<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>
我将行index(2)和<tr>
id(tr_1)传递给js函数,以替换该行中第二个第3个td的内容。 我有一个jQuery函数
document.getElementById('tr_1').getElementsByTagName("td")[2].innerHTML = '<td>New html</td>';
但是,这取代了第一个tr
html。 如何使用索引为2的id tr_1
替换
尝试这个:
jQuery("[id=tr_1]:eq(1) td:eq(1)").html("new html");
注意,您需要插入jquery插件:
如果您使用的是jQuery ..那么这应该工作..
$("#tr_1 td").eq(2).html("<td>New html</td>");
这是eq()的链接... http://api.jquery.com/eq/
尝试这个
<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>
您没有唯一的ID。 对于DOM使用唯一ID的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");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.