JQuery中的动态参数

时间:2013-03-31 19:44:20

标签: javascript jquery

我有一个函数,其中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>

仍然无法正常工作

2 个答案:

答案 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')); 

};