0

私はこのようなテーブル構造を持っています

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

<tr>その行の 2 番目と 3 番目の td の内容を置き換えるために、行 index(2) と id (tr_1) を js 関数に渡しています。私はjquery関数を持っています

document.getElementById('tr_1').getElementsByTagName("td")[2].innerHTML = '<td>New html</td>';

しかし、これは最初のtrhtmlを置き換えます。tr_1インデックス 2の id に置き換える方法

4

4 に答える 4

0

jqueryを使用している場合..これはうまくいくはずです..

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

ここに eq() へのリンクがあります... http://api.jquery.com/eq/

于 2012-11-08T09:12:23.763 に答える
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>
于 2012-11-08T09:14:22.047 に答える
0

一意の ID がありません。一意の ID で動作する DOM は JavaScript にとって不可欠です。

jQuery では、これを使用して、id が に設定された tr 要素をターゲットにすることができますtr_1。

$("tr[id=tr_1]");

これらの tr の 2 番目の要素を取得するには、jQuery.fn.eachを使用する必要があります。

$("tr[id=tr_1]").each(function() {
    $("td", this).eq(1).html("new html");
});
于 2012-11-08T09:20:28.600 に答える
0

これを試して：

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

jquery プラグインを挿入する必要があることに注意してください。

http://jquery.com/download/

于 2012-11-08T09:10:52.810 に答える