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

};