JQuery中的动态参数

Question

我有函数，其中append方法采用静态参数。

 function toggle() {
         $("#MS").append($('#hide'));        
    }

我想要的是从我的超链接click事件动态传递参数。 在上面的代码中，＃MS是静态的，我想动态传递

代码：HTML

<div id="MS">
        <a href="javascript:void(0);" onclick="toggle();">JP MORGAN</a><br>
    </div>

我想将参数从onclick传递到切换方法，该参数将在append方法中使用。

我尝试了几种组合buut，但没有成功。 请帮忙..

更改后我的新代码

<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

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

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

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

};