सूची के अंत में jQuery चाल सूची आइटम

Question

मेरे पास यह सूची है जिसे क्रमबद्ध के साथ क्रमबद्ध किया जा सकता है। सॉर्टिंग समाप्त होने पर सूची के अंत में मैं ली आइटम को कक्षा के साथ कैसे स्थानांतरित कर सकता हूं?

$(".thumbs").sortable({ 
    stop: function(event, ui) { 
     // move .neutral at the end of this list 
    } 
}); 

<ul class="thumbs"> 
    <li>red</li> 
    <li>green</li> 
    <li class="neutral">none</li> 
    <li>yellow</li> 
    <li>blue</li> 
<ul> 

Answer 1

आप जोड़ सकते हैं (चलती) उन्हें सूची के अंत में .appendTo() साथ, इस तरह:

$(".thumbs").sortable({ 
    stop: function(event, ui) { 
     $(this).find('.neutral').appendTo(this); 
    } 
}); 

You can give it a try here, यह सब .neutral अंदर तत्वों हो जाता है और उन्हें this को संलग्न कर देता है जो है ul.thumbs हम वर्तमान में हैं, यह थंबनेल की कई स्वतंत्र सूचियों के लिए भी काम करेगा।

Answer 2

बराबर निम्नलिखित होगा:

$(".neutral").appendTo(".thumbs"); 
OR 
$(".thumbs").append(".neutral"); 

आप का चयन करके और जोड़कर या इसे कहीं और prepending द्वारा एक पृष्ठ के चारों ओर एक तत्व स्थानांतरित कर सकते हैं।

एनबी: दायरे से सावधान रहें - यदि आप कक्षाओं का उपयोग कर रहे हैं और यह यूआई पृष्ठ पर कई बार प्रकट होता है तो उपरोक्त सेलर्स को रोकथाम में ui पैरामीटर का उपयोग करके वर्तमान उदाहरण में स्कॉप्ड करने की आवश्यकता होगी।