jqueryのは、特定のクラス

Question

後に私が使用してテーブルに行を追加しているテーブルの行を追加します。クラスmainのエントリとクラスotherのエントリを含む場合があります

いずれかのクラスのエントリの後に行を追加したい場合は、

これを行う方法はありますか？

おかげ

Answer 1

あなたはただ、私はあなたがそれを行う可能性がどのように小さな例であなたのフィドルを更新this ...

を試してみてください。

Htmlの

<form name="myform" id="myform"> 
    <table id="blacklistgrid"> 
    <tr id="Row1"> 
     <td class="space">&nbsp;</td> 
     <td>Red</td> 
     <td>Yellow</td> 
     <td>Green</td> 
    </tr> 
    <tr id="Row2"> 
     <td> 
     <input type="text" placeholder="shade" name="shade" /> 
     </td> 
     <td> 
     <input type="checkbox" name="red" /> 
     </td> 
     <td> 
     <input type="checkbox" name="yellow" /> 
     </td> 
     <td> 
     <input type="checkbox" name="green" /> 
     </td> 
    </tr> 
    </table> 
    <button type="button" id="btnAdd">Add few more Rows!</button> 
</br> 
</br> 
<button type="button" id="btnAddCol">Add new column</button> 
</br> 
</br> 
<input type="submit"></input> 
</form> 

のCss

td { 
    padding-right: 15px 
} 
.space { 
    padding-right: 75px; 
} 

のjQuery

$(document).ready(function() { 
    $('#btnAdd').click(function() { 
    var count = 3, 
    first_row = $('#Row2'); 
    while (count-- > 0) first_row.clone().appendTo('#blacklistgrid'); 
    }); 
});