javascript - jQuery中的动态参数

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 传递给切换方法，并且该参数将在 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')); 

};