iT邦幫忙

0

JQuery選擇器問題[已解決]

程式如下:

<table id="add-block">
   <thead>
        <tr>
            <th width="92%">項目</th>
            <th width="8%"> </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>倒數第二行</td>
            <td> </td>
        </tr>
        <tr>
            <td>最後一行</td>
            <td> </td>
        </tr>
    </tbody>
</table>
<input type="button" class="add-btn" value="新增欄位" />
<script>
    //動態新增欄位
    $(".add-btn").click(function () {
        $("#add-block > tbody").eq($(this).length-2)
                                .prepend('<tr>'+
                                            '<td class="align-top">'+
                                                '<input type="text" name="Text[]" placeholder="請輸入描述" value="">'+
                                            '</td>'+
                                            '<td>'+
                                                '<input type="button" value="刪除" class="btn btn-danger" onclick="delC(this)" />'+
                                            '</td>'+
                                        '</tr>');
    });
    //移除欄位
    function delC(obj) {
        //刪除欄位
        obj.parentNode.parentNode.remove();
    }
</script> 

程式執行後
按新增欄位
會從倒數第二行往前新增欄位

不過..這樣只完成一半

我想做到
選擇器選到倒數第2行後
在倒數第二行前面開始往下新增

目前程式會往上新增..

看更多先前的討論...收起先前的討論...
append?
weiclin iT邦高手 4 級 ‧ 2018-01-16 12:56:58 檢舉
.prepend 改成 .before
要改成before...
(怪了..之前改before不行的..見鬼了..= =)
append會往最後一行的後面新增..

尚未有邦友回答

立即登入回答