點擊列表項創建一個與原始列表項的文本內容的新的列表項

Question

我有2 醇，上李的點擊在第一醇我在第二OL創建李 。我想將新創建的li的文本內容設置爲第一個，點擊li。例如：'item 1'。

這裏是我的JQ：

$(document).ready(function() { 

    $("li").click(function() { 
     $(".secondlist").append('<li>placeholder</li>'); 
    }); 
}); 

這裏是我的JS Bin

在此先感謝您的幫助。

Answer 1

使用jQuery#append，然後聲明一個text變量等於被點擊列表項的文本。你將會追加這個值。

$("li").click(function() { 
    var current = $(this).text(); 
    $(".secondlist").append("<li>" + text + "</li>"); 
}); 

這裏是更新的小提琴

http://jsfiddle.net/vk80f7f5/1/

Answer 2

您可以使用這個變量：

$("li").click(function() { 
    $(".secondlist").append($(this).clone()); 
    //$(".secondlist").append('<li>' + $(this).html() + '</li>'); 
    //$(".secondlist").append('<li>' + $(this).text() + '</li>'); 
    }); 

，如果你會使用clone()您可能無法使用'<li>' and '</li>'