Клонировать только текст строки и добавить после текущей строки?

Question

Поэтому в моей таблице есть строка заголовка, в которой есть входные данные и возможность добавить новую строку из этой информации. Я не могу клонировать точную строку заголовка, потому что мне не нужны кнопки выбора / входов /... только текст / 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

Если вы хотите ТОЛЬКО добавить значение select в строку, вы можете сделать это следующим образом:

$('.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/