Jquery 使用'选择什么;这';在.prependTo()之后?
我有以下代码:Jquery 使用'选择什么;这';在.prependTo()之后?,jquery,Jquery,我有以下代码: $('<div id="' + id + '"><a href="#" class="edit">Edit</a> | <a href="#" class="remove">Remove</a><br /><h1>' + title + '</h1><br /><p>' + content + '</p></div><hr>'
$('<div id="' + id + '"><a href="#" class="edit">Edit</a> | <a href="#" class="remove">Remove</a><br /><h1>' + title + '</h1><br /><p>' + content + '</p></div><hr>').prependTo('#content').hide().slideDown('normal');
addFunctionality(this);
function addFunctionality(scope){
//Remove-section
$('.remove', scope).click(function(e){
e.preventDefault(); ...
});
}
$(“|
”+title+”
“+content+”
).prependTo(“#content”).hide().slideDown('normal');
添加功能(本);
功能添加功能(范围){
//删除部分
$('.remove',作用域)。单击(函数(e){
e、 preventDefault()。。。
});
}
这个
不应该引用插入的DOM元素吗?这样,如果我单击带有类remove
?的链接,则不会发生任何事情。该引用调用函数的对象上下文。如果在ready函数中使用上述代码,这实际上是整个HTML文档此
可在jQuery事件回调(如单击事件)中用于引用触发该操作的DOM对象<代码>无论你调用的函数是什么,这个< /代码>永远不会在函数中间发生变化。
要获取所需内容,请将返回的jQuery对象保存在变量中,并将其传递给函数:
var $elements = $('<div id="' + id + '"><a href="#" class="edit">Edit</a> | <a href="#"
class="remove">Remove</a><br /><h1>'
+ title + '</h1><br /><p>' + content + '</p></div><hr>')
.prependTo('#content')
.hide().slideDown('normal');
addFunctionality($elements);
function addFunctionality(scope){
//Remvoe-section
$('.remove', scope).click(function(e){
e.preventDefault(); ...
});
}
var$elements=$(“|
”
+标题+”
“+内容+”
)
.prependTo(“#内容”)
.hide().slideDown('normal');
添加功能($元素);
功能添加功能(范围){
//雷姆沃区
$('.remove',作用域)。单击(函数(e){
e、 preventDefault()。。。
});
}
< /代码> 我不确定这是如何适合你现有的代码的,但是你可以考虑链接<代码> .FIN()/CUT>来选择你刚刚创建的<代码> .Advestue/Cuth>元素,因此:
$('<div id="' + id + '"><a href="#" class="edit">Edit</a> | <a href="#"
class="remove">Remove</a><br /><h1>'
+ title + '</h1><br /><p>' + content + '</p></div><hr>')
.prependTo('#content')
.hide().slideDown('normal')
.find('a.remove').click(function(e){
e.preventDefault(); //...
});
$(“|
”
+标题+”
“+内容+”
)
.prependTo(“#内容”)
.hide().slideDown('normal')
.find('a.remove')。单击(函数(e){
e、 preventDefault();/。。。
});
看
我还想看看如何清理复杂的元素创建。.find()也可以,但在我的代码中不是很方便,因为函数“addfunctional”被使用了很多次,而且比添加这个事件做的更多。谢谢你的提示,我会看一看的。