javascript - 只克隆行的文本并在当前行之后添加？

Question

因此，我的表中有一个标题行，其中包含输入以及从该信息中添加新行的能力。我无法克隆确切的标题行，因为我不想要选择/输入/按钮......只是文本/val。我该怎么做呢？我的小提琴目前很简单，但设置已经到位（我实际上不想添加“新”，我想要标题行中的值）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>')
})

小提琴：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="new" 添加到您的文本框中

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

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