Javascript 单击列表项将使用原始列表项创建一个新的列表项'；文本内容

我有2个ol，在第一个ol中单击一个li，我在第二个ol中创建一个li。我想将新创建的li的文本内容设置为第一个单击的li的文本内容。例如：“项目1”

这是我的JQ：

$(document).ready(function() {

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

$（文档）.ready（函数（）{
$（“li”）。单击（函数（）{
$（“.secondlist”）.append（“
占位符”
”）；
});
});

这是我的

提前感谢您的帮助。

使用

jQuery#append

，然后声明一个

text

变量，该变量等于所单击列表项的文本。您将附加此值

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

$（“li”）。单击（函数（）{
var current=$（this.text（）；
$（“.secondlist”）。追加（“
”+text+”
”；
});

这是最新的小提琴

---

您可以使用以下变体之一：

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

$（“li”）。单击（函数（）{
$（“.secondlist”）.append（$（this.clone（））；
//$（“.secondlist”）.append（'
'+$（this.html（）+'
'）；
//$（“.secondlist”）.append（'
'+$（this.text（）+'
'）；
});

如果要使用

clone（）

，则不能使用

“
”和“
”