Вопрос по jquery – Jquery и добавление строки в таблицу

10

У меня есть следующий код JQuery.

var destTable = $("#numbers");
$(document).ready(function() {
  $("#btnAdd").click(function() {
   //Take the text, and also the ddl value and insert as table row.
   var newRow = $("<tr><td>hi</td></tr>");
   $("#numbers").append(newRow);
  });
});

То, что я действительно хотел бы, это сохранить ссылку на элемент один раз, а затем использовать его оттуда на нем.

Приведенный выше код добавляет строку в мою таблицу, как и ожидалось, но если я использую.$(destTable).append(newRow) или жеdestTable.append(newRow) ничего не может кто-нибудь пролить свет на это для меня?

Спасибо

Ваш Ответ

2   ответа
0

$("<tr><td>Hello</td><tr>").appendTo("#MyTable > tbody") 
Если это не так, то & lt; tr & lt; td & lt; Hello & lt; / td & gt; / tr & gt; ?
@MadMaardigan ДА! :)
22

$(document).ready(function() {
  var destTable = $("#numbers");
  $("#btnAdd").click(function() {
   //Take the text, and also the ddl value and insert as table row.
   var newRow = $("<tr><td>hi</td></tr>");
   $("#numbers").append(newRow);
  });
});

Суть document.ready заключается в ожидании готовности DOM; если вы попытаетесь сделать$('#numbers'); вне этого (и код не появляется после элемента в документе), DOM еще не создал этот элемент, поэтому у вас не будет правильной ссылки на него.

Как только вы это сделаете, вы сможете сделать:

destTable.append(newRow);

Внутриclick функция. В качестве последнего замечания, однако, общепринятой и общепринятой практикой является предисловие переменных, представляющих наборы jQuery, с помощью$, Так что это лучше:

var $destTable = $("#numbers");
Имеет смысл, когда я думал об этом, ура для того, чтобы сработало удовольствие. RubbleFord

Похожие вопросы