替換內容 <td> 與 <tr> id和 <tr> 指數

Question

我有這樣的表結構

<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替換

Answer 1

嘗試這個：

jQuery("[id=tr_1]:eq(1) td:eq(1)").html("new html");

注意，您需要插入jquery插件：

http://jquery.com/download/

Answer 2

如果您使用的是jQuery ..那么這應該工作..

$("#tr_1 td").eq(2).html("<td>New html</td>");

這是eq（）的鏈接... http://api.jquery.com/eq/

Answer 3

嘗試這個

<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>

Answer 4

您沒有唯一的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");
});