-1

我希望结果必须是这样的，

<tr class="tr_cond"> 
<td>BLA</td>
<td>BLA</td>
<td>BLA</td>
<td>BLA</td>
<td><input type="button" class="tr_condition" value="+" name="add"></td>
</tr>
<tr class="tr_cond" id="tablCond1"> 
<td id="tablCond1>BLA</td>
<td id="colCond1>BLA</td>
<td id="operCond1>BLA</td>
<td id="valCond1>BLA</td>
<td><input type="button" class="tr_condition" value="+" name="add"></td>
</tr>
<tr class="tr_cond"> 
<td id="tablCond2>BLA</td>
<td id="colCond2>BLA</td>
<td id="operCond2>BLA</td>
<td id="valCond2>BLA</td>
<td><input type="button" class="tr_condition" value="+" name="add"></td>
</tr>
<tr class="tr_cond"> 
<td id="tablCond3>BLA</td>
<td id="colCond3>BLA</td>
<td id="operlCond3>BLA</td>
<td id="valCond3>BLA</td>
<td><input type="button" class="tr_condition" value="+" name="add"></td>
</tr>

jQuery是，

$(".tr_condition").live('click', CloneCondition);
var cloneCount = 1;
function CloneCondition(){
    $(this).closest('.tr_cond')
        .clone()
        .attr('id', 'tablCond'+ cloneCount++)
        .insertAfter(".tr_cond:last"); 
}

正在克隆行，但我想更改行内这些字段的 id，但这只会更改行的 id。

4

2 回答 2

1

现在试试这个.....

$(".tr_condition").live('click', CloneCondition);
var cloneCount = 1;
function CloneCondition(){

  $("tr td:nth-child(1)").attr("id","your id");
}
于 2013-03-22T04:19:48.067 回答
0

您要向哪个字段添加ID? 到input？
与此同时：

.on()对动态添加到文档的元素使用该方法

http://jsbin.com/uharaw/5/edit

$("table").on('click', '.tr_condition', CloneCondition);

var addIDs = ['tabl','col','oper','val'];
var cloneCount = 0;

function CloneCondition(){

    cloneCount++;

    $(this).closest('.tr_cond')
        .clone()
        .insertAfter(".tr_cond:last");

    // after clone is done let's go for the last (new) one
    $('.tr_cond:last td').not(':last').each(function(i){
       $(this).attr('id', addIDs[i] +'Cond'+ cloneCount);
    });

}

单击几下后会导致：

<tr class="tr_cond"> 
    <td>BLA</td>
    <td>BLA</td>
    <td>BLA</td>
    <td>BLA</td>
    <td><input name="add" value="+" class="tr_condition" type="button"></td>
</tr>
<tr class="tr_cond"> 
    <td id="tablCond1">BLA</td>
    <td id="colCond1">BLA</td>
    <td id="operCond1">BLA</td>
    <td id="valCond1">BLA</td>
    <td><input name="add" value="+" class="tr_condition" type="button"></td>
</tr>
<tr class="tr_cond"> 
    <td id="tablCond2">BLA</td>
    <td id="colCond2">BLA</td>
    <td id="operCond2">BLA</td>
    <td id="valCond2">BLA</td>
    <td><input name="add" value="+" class="tr_condition" type="button"></td>
</tr>
于 2013-03-22T04:26:39.357 回答