Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何编辑所有与同一端点号关联的动态创建的图元?_Jquery_Dynamic - Fatal编程技术网

Jquery 如何编辑所有与同一端点号关联的动态创建的图元?

Jquery 如何编辑所有与同一端点号关联的动态创建的图元?,jquery,dynamic,Jquery,Dynamic,用户可以选择创建多达100个列表项。我的目标是在每个项目下创建一个菜单,用于编辑单个项目。以下是编辑按钮前的代码: $(document).ready(function(){ var nextItemId = 1; $('#AddItem').click(function(){ //Create and add a paragraph $('<p />').attr('id', 'itemParagraph' + nextItemId) .text(next

用户可以选择创建多达100个列表项。我的目标是在每个项目下创建一个菜单,用于编辑单个项目。以下是编辑按钮前的代码:

$(document).ready(function(){

var nextItemId = 1;

$('#AddItem').click(function(){

        //Create and add a paragraph

$('<p />').attr('id', 'itemParagraph' + nextItemId)

.text(nextItemId + ". ")

.appendTo('#listInput');


    //Create and add an input box

$('<input />').attr({'type':'text', 'id':'item' + nextItemId})

.appendTo('#itemParagraph' + nextItemId);

        //Create an edit button for input box

$('<input />').attr({'type':'button', 'value':'Edit', 'id':'editItem' + nextItemId})

.appendTo('#itemParagraph' + nextItemId);

    //d number

nextItemId++;

});

如何创建应用于所有变量item1、item2等的函数。。。item100及其相应的编辑按钮editItem1、editItem2等。。。。编辑项目100?在为这些变量创建菜单时,是否有方法引用这些变量并将其很好地压缩为一个函数?按下编辑按钮时,菜单将向下滑动

保留一个从$返回的引用,并将其传递给回调函数。例如:

var item = $('<input />');
item.attr({'type':'text', 'id':'item' + nextItemId})
    .appendTo('#itemParagraph' + nextItemId);

... create menu ...
menuItem.click(function() { item.focus(); })

这是因为匿名函数保留了一个指向创建它的上下文的指针,从而指向当时的item值=它所指向的引用。

我使用了这个以及$this,这对于click函数非常有用。谢谢