Помогите чайнику в Jquery

  • Автор темы Jesus
  • Дата начала
J

Jesus

#1
В двух словах о самой проблеме:
Вобщем надо сделать возможность без перезагрузки страницы перещать строки в таблице
Код:
<table>
<tr><td id="td1">строка 1</td><td><asp:Image ID="Image1" 
runat="server" ImageUrl="~/down_f.gif" Height="16px" Width="16px"/></td></tr>
<tr><td id="td2">строка 2</td><td><asp:Image ID="Image2" 
runat="server" ImageUrl="~/down_f.gif" Height="16px" Width="16px"/></td><td>
<asp:Image ID="Image3" runat="server" ImageUrl="~/up_f.gif" 
Height="16px" Width="16px"/></td></tr>
<tr><td id="td3">строка 3</td><td><asp:Image ID="Image4" 
runat="server" ImageUrl="~/up_f.gif" Height="16px" Width="16px"/></td></tr>
</table>
Пробовал сделать так:
Код:
$("#td1").replaceWith($("#td2"));
он их перемещает, но при этом затирает td1.
Помогите, как мне правильно сделать. Заранее всем спасибо.
 

vital

Больной Компом Детектед
29.01.2006
2 432
33
#2
сохранить сначала тд1 в спан, а потом то что вы написали выше, потом спан заменить на тд)
 
@

@rtem

#3
можно точнее куда какие строки нужно перетащить?
 
@

@rtem

#4
вот простой пример
Код:
jQuery(document).ready(function() {
var str1 = jQuery('#td1').html();
var str2 = jQuery('#td2').html();
var str3 = jQuery('#td3').html();

jQuery('#td1').html(str3);
jQuery('#td2').html(str1);
jQuery('#td3').html(str2);
});