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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Jesus, 28 сен 2010.

  1. Jesus

    Jesus Гость

    В двух словах о самой проблеме:
    Вобщем надо сделать возможность без перезагрузки страницы перещать строки в таблице
    Код (Text):
    <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>
    Пробовал сделать так:
    Код (Text):
    $("#td1").replaceWith($("#td2"));
    он их перемещает, но при этом затирает td1.
    Помогите, как мне правильно сделать. Заранее всем спасибо.
     
  2. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    сохранить сначала тд1 в спан, а потом то что вы написали выше, потом спан заменить на тд)
     
  3. @rtem

    @rtem Гость

    можно точнее куда какие строки нужно перетащить?
     
  4. @rtem

    @rtem Гость

    вот простой пример
    Код (Text):
    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);
    });
     
Загрузка...

Поделиться этой страницей