单击列表项会创建一个新列表项,其中包含原始列表项的文本内容

时间:2015-09-16 21:05:10

标签: javascript jquery list

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

这是我的JQ:

$(document).ready(function() {

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

这是我的JS Bin

提前感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

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

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

这是更新的小提琴

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

答案 1 :(得分:0)

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

for(int i = 0; i <= numList.size; i++) {
    int number1 = numList[i];
    int number2 = numList[i + 1];
    int sortedArray[];

    if (number1 >= number2) {
        sortedArray[i] = number2;
        numList[i + 1] = number1;
    } else {
        sortedArray[i] = number1;
        numList[i + 1] = number2;
    }
}

如果您使用$("li").click(function() { $(".secondlist").append($(this).clone()); //$(".secondlist").append('<li>' + $(this).html() + '</li>'); //$(".secondlist").append('<li>' + $(this).text() + '</li>'); }); ,则可能无法使用clone()