-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 に答える