Как клонировать и удалять последний дочерний элемент с помощью jquery?

Question

Я хочу клонировать и удалять ul last-child, но следующий код не работает. Кто-нибудь скажет мне, как это будет работать?

$(document).ready(function() { 
    tmp1 = ''; 
    tmp = '<ul><li><h4>Menu 5</h4></li></ul><ul><li><h4>Menu 6</h4></li></ul><ul><li><h4>Menu 7</h4></li></ul>'; 
    $(tmp).children('ul:last-child').clone().appendTo(tmp1) 
    $(tmp).children('ul:last').remove(); 
    $('div').append(tmp); 
}); 

Answer 1

Я думаю, что вы делаете это неправильно: tmp - это строка.

Вы должны сделать это: http://jsfiddle.net/Lu6jA/

$(document).ready(function() { 
    tmp1 = ''; 
    tmp = '<ul><li><h4>Menu 5</h4></li></ul><ul><li><h4>Menu 6</h4></li></ul><ul><li><h4>Menu 7</h4></li></ul>'; 
    var lastUl = tmp.lastIndexOf("<ul>"); 
    var yourclone = tmp.substring(lastUl); 
    var newtmp = tmp.replace(yourclone,""); 
    $('div').append(newtmp); 
    alert(yourclone); // This is for your reference 
}); 

Explantion: Сначала найдите last UL из строки. yourclone содержит последние ul в виде строки. Теперь замените last ul на строку tmp ничем, поэтому в основном это означает ее удаление и поместить результат в newtmp. добавьте его к div.