2015-06-10 4 views
2

Я использую следующий код, пытающийся добавить новую строку в jquery, но она не работает.Добавить новую строку в таблицу с помощью jQuery

$('#search-results > tbody').append('<tr><td data-th="Name">Test</td><td data-th="Email">[email protected]</td><td data-th="Phone Number">07777777777</td><td data-th="Car Reg.">ocf83or</td><td data-th="Time">1pm</td></tr>'); 

Моя таблица настроена так:

<table class="view-bookings-table mobile-optimised hidden" id="search-results"> 
    <thead> 
     <tr> 
      <th scope="col">Name</th> 
      <th scope="col">Email</th> 
      <th scope="col">Phone Number</th> 
      <th scope="col">Car Reg.</th> 
      <th scope="col">Time</th> 
     </tr> 
    </thead> 
    <tbody></tbody> 
</table> 

EDIT

Мой полный код на самом деле:

$('#search').submit(function(event) { 
    event.preventDefault(); 
    $('#search-results > tbody').append('<tr><td data-th="Name">Test</td><td data-th="Email">[email protected]</td><td data-th="Phone Number">07777777777</td><td data-th="Car Reg.">ocf83or</td><td data-th="Time">1pm</td></tr>'); 
}); 
+4

[Ваш код отлично работает] (http://jsfiddle.net/eestho47/). Включили ли вы jQuery? И где/когда этот сценарий называется? – Ted

+0

Я только что добавил свой полный код, поскольку он завернут в submit, который, возможно, имеет к этому какое-то отношение? – V4n1ll4

+0

Ваш код, который я уже работаю, если вы используете submit, он должен находиться внутри формы с поиском идентификатора. Или попробуйте сделать его onclick первым с помощью кнопки, чтобы проверить свой код. – Romeo

ответ

2

Ваш код прекрасно и хорошо работает с каждым возможная версия jQuery.

demo

Вы можете иметь ошибку JQuery где-то еще на вашей странице или вы не загружая его. И что такое

class='hidden' 

делать? Может быть, это просто проблема css?