2015-10-16 37 views
0

我克隆元件的行。克隆後,原始文本框元素將被替換爲鏈接。然後,如果用戶選擇刪除克隆的項目,它就會回到原始形式原來的地方是tetxbox。這種倒退正常工作。只是刪除克隆的項目沒有發生。克隆項目,回來到原來的形式,但沒有得到刪除

當上刪除點擊後,克隆項目被刪除,但不是在entirety.The點擊鏈接的價值附加到list.Why下一個克隆項目並鏈接沒有得到刪除?

下面忽視的主題名稱和重點攜帶值的鏈接與RM 開始之前刪除點擊(克隆項目)

enter image description here

後,取下點擊(克隆項目)
enter image description here

這就是我如何克隆:

function getText(param) 
{ 
    var clony = $("div.clone_this#"+param).remove().clone(true, true).insertBefore("#sub"); 
    var price = $("input[type=text].text_"+param).val(); 
// alert(price); 
    clony.find('input[type=text]').replaceWith("<a href='ch'><span class='green' style='font-style:italic;'>RM "+price+"</span></a>"); 
    clony.find('.cr').append("<a href='del' onclick=removeThis('"+param+"')><img src='/register/cross.png'></a>"); 

} 

這是我如何刪除和更改回元素的原始形式。

function removeThis(param) 
{ 
    event.preventDefault(); 


    $("div.clone_this#"+param).detach().appendTo("#sub"); 
    var price = $("a[href=ch]").text(); 
    $("div.clone_this#"+param).find($("a[href=ch]").text(price)).replaceWith("<input type='text' onfocusout='getText("+param+")' class='text_"+param+"' val='"+price+"' placeholder='RM'>"); 

    $("div.clone_this#"+param).find("a[href=del]").remove(); 
    return false; 
} 

HTML(僅包裝)含量的jQuery注入

<h2>Finally, choose your Course:</h2> 
    <div class="row"> 
     <div class="small-12 medium-12 large-12 columns" class="choosen_subjects"> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="small-12 medium-12 large-12 columns" id="sub"> 

<!--original list goes here--> 
     </div> 
    </div> 
+0

你能提供關於jsfiddle或HTML代碼的演示嗎? –

+0

@IrvinDominin,我更新我的職務與HTML,但內容是由jQuery的 – 112233

+0

附加@IrvinDominin,您的信息,如果我只用$( 「#div.clone_this」 + PARAM).detach()。appendTo(「#子「);沒有這樣的問題。只有當我使用下面的代碼行時,它纔會附加prev鏈接的值 – 112233

回答

0

最後,我自己找到了答案。 $(this)的用法解決了我的問題。

function removeThis(param) 
{ 
    event.preventDefault(); 

    $("div.clone_this#"+param).detach().appendTo("#sub"); 
    var price = $("a[href=ch]").text(); 
    $(this).find($("#sub a[href=ch]").text(price)).replaceWith("<input type='text' onfocusout='getText("+param+")' class='text_"+param+"' val='"+price+"' placeholder='RM'>"); 
    $("div.clone_this#"+param).find("a[href=del]").remove(); 
    return false; 
}