Как изменить строки таблицы HTML с помощью jQuery

У меня есть таблица HTML, и мне нужно изменить ее содержимое.Как изменить строки таблицы HTML с помощью jQuery

<div id='adf'> 
    <table id='tbl1' runat='server' > 
    <tr><td></td></tr> 
    </table> 
</div>

Я меняю содержимое с помощью JQuery Ajax и проблема заключается в том, что я доступ к той же таблицы с таким же именем после этого. Поэтому я меняю содержимое HTML и вставляет новый HTML-код таблицы, добавляет новую таблицу. Поэтому мне нужно удалить строки таблицы и добавить результаты в таблицу. Таким образом, содержимое не изменится. Заранее спасибо.

источник

2010-10-06 kbvishnu

Это поможет, если вы разместите свой код ajax. Ответ будет зависеть от типа содержимого вашего вызова ajax. –

Я получил решение, используя append(). Спасибо за вашу поддержку. – kbvishnu

Если вы правильно поняли, используйте функцию html(), чтобы изменить содержимое после запуска вызова ajax.

В качестве подсказки эффективности обязательно загрузите все изменения в строку и просто вызовите html() один раз в конце. В противном случае ваша страница будет очень медленной.

Если вы просто добавляете новые строки, используйте команду append(). http://api.jquery.com/append/

Не имеет значения, что таблица имеет то же имя. Просто возьмите его по его идентификатору.

источник

2010-10-06 09:19:28

спасибо jng5 Позвольте мне проверить. Могу ли я использовать $ ('# abc'). Html (res)? где res - результат ajax? – kbvishnu

Это зависит от того, как выглядит res? Если у него есть

и т. Д., То он должен работать. Если это просто строки, используйте $ ('# tbl1'). Html (res); . –

Посмотрите на этот пост

http://nithuan.wordpress.com/2010/08/30/dynamically-addind-table-row-using-jquery/

источник

2010-10-06 09:27:16 Nithesh

$ ('tblDoc Tr: последний ') после того, как ( „

“ + „<тд стиль = 'ширина: 150px;'>“ + getTextBoxValue ('<% = txtDocName.ClientID%>') + «" ); что это, чтобы добавить новую строку после конкретной строки – kbvishnu

Что мне нужно, чтобы изменить всю строку с данными с сервера? – kbvishnu

вы можете использовать $ ajax-метод jquery – Nithesh

$('#tbl1').html($('#tbl1').html() + "<tr><td>this is new row</td></tr>")

источник

2010-10-06 09:30:57

Вы должны использовать ClientID таблицы, потому что это runat="server"

$.get('ajax/tbl1.html', function(data) { 
    $('#' + <%= tbl1.ClientID %>).html(data); 
});

tbl1.html будет содержать замены строк. Вы можете изменить это на страницу aspx или php или веб-сервис, который возвращает html.

Вот пример JQuery AJAX вызова, который работал для меня в прошлом:

  jQuery.ajax({ type: "POST", 
       url: "MyWebService.asmx/GetHtml", 
       data: "{'Id' :'" + tableId + "'}", //may not be necessary in your case 
       dataType: "json", 
       contentType: 'application/json; charset=utf-8', 
       success: function(json) { 
        var result = eval("(" + json.d + ")"); 
        jQuery('#' + <%= tbl1.ClientID %>).html(result.value); 
       } 
      });

Обратите внимание на использование JSON и вызов Eval.

источник

2010-10-06 10:18:50

Смежные вопросы

"+ getTextBoxValue ('<% = txtDocNo.ClientID%>') +"

"+ getTextBoxValue ('<% = txtIssuedBy.ClientID %> ') + "

" + getTextBoxValue (' <% = txtIssuedDate.ClientID%> ') + "

" + getTextBoxValue (' <% = txtRenewalDate.ClientID%> ') + "

Как изменить строки таблицы HTML с помощью jQuery

ответ

Смежные вопросы