我如何克隆和刪除jQuery的最后一個孩子？

Question

我想克隆並刪除ul最后一個孩子，但以下代碼不起作用。 有人告訴我它將如何工作？

$(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
});

外植體：首先從字符串中找到last UL 。 yourclone包含您的最后一個ul作為字符串。 現在，將tmp字符串中的last ul替換為newtmp ，因此基本上意味着將其刪除並將結果放在newtmp 。 將其附加到div 。