单击list item将创建一个具有原始列表项'文本内容的新列表项

Clicking list item creates a new list item with the original list item's text content

本文关键字：列表 新列表 文本 创建 item list 单击 一个 原始      更新时间：2023-09-26

我有2个ol，在第一个ol中单击li，我在第二个ol中创建一个li。我想将新创建的li的文本内容设置为第一个的文本内容，点击li。例如:'item 1'.

这是我的JQ:

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

这是我的JS Bin

提前感谢您的帮助。

使用jQuery#append，然后声明一个text变量等于所单击的列表项的文本。您将追加此值。

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

这是更新后的小提琴

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

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

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

，如果你将使用clone()，你可以不使用'<li>' and '</li>'

相关文章：