如何申请的JavaScript来元至极已经jQuery的html的（）overwrited

Question

这里我有一个例子：

$('#key').on('click', function(){ 
 
    $('.task').html("<button id='key'>Button</button>"+Date()); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='task'> 
 
    <button id='key'>Button</button> 
 
</div>

如何我可以申请JavaScript来改写元素，并得到不同的时间为每个按钮按？

Answer 1

显然这里没有必要ovveride按钮。不要使用ovveride按钮。为日期使用跨度。

$('#key').on('click', function(){ 
 
    $('.datestr').html(Date()); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='task'> 
 
    <button id='key'>Button</button> 
 
    <span class='datestr'></span> 
 
</div>