Jquery 如何编辑所有与同一端点号关联的动态创建的图元?
用户可以选择创建多达100个列表项。我的目标是在每个项目下创建一个菜单,用于编辑单个项目。以下是编辑按钮前的代码: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
$(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函数非常有用。谢谢