Question

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

仍然无法正常工作

Answer 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);
    });
});

Answer 2

在锚点ID事件上动态检索click并将该ID传递给函数：

$("a").on("click", function(e){
    e.preventDefault();

    $(this).append($('#hide')); 

};

JQuery中的动态参数

2 个答案: