我有一个函数,其中append方法采用静态参数。
function toggle() {
$("#MS").append($('#hide'));
}
我想要的是从我的超链接点击事件动态传递参数。 在上面的代码中,#MS是静态的,我想动态传递
代码: HTML
<div id="MS">
<a href="javascript:void(0);" onclick="toggle();">JP MORGAN</a><br>
</div>
我想将onclick中的参数传递给toggle方法,该参数将在append方法中使用。
我尝试了几种组合,但它没有用。 请帮忙..
更改后的新代码
<script>
$(function() { // when the DOM is ready
var $hide = $('#hide').click(function(){
$(this).closest('div').hide();
});
$('a.toggle').click(function(e){
e.preventDefault();
$(this).parent().append($hide);
});
});
</script>
<div id="JP">
<a href="#">JP MORGAN</a><br>
</div>
仍然无法正常工作
答案 0 :(得分:1)
由于您使用的是jQuery,因此可以向a
元素添加类并使用parent
方法:
$(function() { // when the DOM is ready
var $hide = $('#hide').click(function(){
$(this).closest('div').hide();
});
$('a.toggle').click(function(e){
e.preventDefault();
$(this).parent().append($hide);
});
});
答案 1 :(得分:0)
在锚点ID
事件上动态检索click
并将该ID传递给函数:
$("a").on("click", function(e){
e.preventDefault();
$(this).append($('#hide'));
};