Question

所以我的表格中有一个标题行，它有输入，可以从这些信息中添加新行。我无法克隆确切的标题行，因为我不想要select / inputs / buttons ...只是text / val。我该怎么做呢？我的小提琴目前很简单，但设置已经到位（我实际上并不想要添加“new”，我想要标题行中的值）http://jsfiddle.net/9dwdz30h/

的jQuery

$('.addRow').click(function(){
     $('.header').after('<tr><td>new</td></tr>')
})

HTML

<table>
    <tr class='header'>
        <th>
            <input type='text' />
        </th>
        <th>
            <select>
                <option>One</option>
                <option>Two</option>
            </select>
        </th>
        <th>
            <a href="#" class="addRow">Add</a>
        </th>
    </tr>
</table>

Answer 1

如果您只想将选择值添加到行中，您可以这样做：

$('.addRow').click(function(){
     $('.header').after('<tr><td>'+$("select").val()+'</td></tr>')
})

FIDDLE：http://jsfiddle.net/294tkjn2/

或者你也可以添加输入：

$('.addRow').click(function(){
     $('.header').after('<tr><td>'+$("input").val()+" "+$("select").val()+'</td></tr>')
})

Answer 2

如果我理解正确，您正在寻找$('table').append()。

见这里：http://jsfiddle.net/dapLf9hz/

希望这有帮助！

Answer 3

这将从文本框中获取值并将其添加到顶部

 $('.addRow').click(function(){
     $('.header').after('<tr><td>'+$('#new').val()+'</td></tr>')
 })

还添加了一个id =＆＃34; new＆＃34;到你的文本框

<th>
    <input type='text' id="new" />
</th>

http://jsfiddle.net/294tkjn2/1/

仅克隆行的文本并在当前行之后添加？

3 个答案: