jquery - 编辑自定义 数组的文本

Question

我对 jquery 相当陌生，我有一个关于更新页面内数据的问题。

我有一个允许用户操作的无序列表。虽然 UL 仅以一个列表项开始，但我允许用户向该数组添加对象。我现在的目标是让用户单击 UL 中的对象，将其拉入只读文本区域和另一个文本区域，以允许用户输入自定义字符串并具有目标列表项的 (text( )) 成为自定义字符串。

现在，我对如何提取 .text() 并不感到困惑，并且我非常确定我可以将用户创建的自定义字符串放入所选列表项的文本属性中。 ..

我遇到的问题是例如:

该页面以数组中的一个(空白)对象开始。我单击“添加对象”，现在原始数组更改为容纳 2 个对象或 3 个对象等。添加到此数组的对象不会“出现”在我的 JQuery 脚本中。单击时，只有第一个对象会将其文本传输到文本区域。如果我用 3 个对象初始化这个数组，情况也是如此……只有这三个对象会处于事件状态。

如果有帮助的话，我可以展示代码片段。或者，如果您有疑问，请询问，我们将从那里开始，谢谢。

我的测试网址:http://whoneedsstandards.com/subdomains/travis/jquery.htm ...也许您可以按照我的步骤操作？

代码:

//add to list items//
    $('a#add').click(function () {
        $('<li id="' + i + '">Blank Object</li>' + i + '').appendTo('#ul1');
        i++;
        $('#ul1>li:even').addClass('alert');
        $('#ul1').load();
    });
//click list item to store in textarea//
    $('#ul1>li').click(function () {
        var temptext = ($(this).text());
        $('textarea#text1').text(temptext);

    });

Answer 1

使用.live方法来注册您的点击处理程序。

var lastClickedLi;

$("#ul1 > li").live("click", function() {
    lastClickedLi = $(this);
});

请参阅fiddle以获得更完整的示例。