javascript - jQuery Data Change Data 一键被点击

Question

单击按钮后，我正在尝试更改我的姓氏。

我目前正在使用 jQuery.data 来执行此操作。虽然我知道这些可以使用其他形式完成，但我需要在这里为我的应用程序使用 jQuery.data。

到目前为止，这是我的标记代码:

<div id="container">
 My complete name is <span></span> D. <span></span>
</div>

<button type="button" id="btnID" onclick="changebtn()">Set Last Name to Smith </button> 

这是我的 jQuery 代码:

var holder = $( "#container" )[0];

    jQuery.data( holder, "data", {
      firstname: "Sam",
      lastname: "Norton"
    });

    $( "span:first" ).text( jQuery.data( holder, "data" ).firstname );
    $( "span:last" ).text( jQuery.data( holder, "data" ).lastname );

    function changebtn(){

    }

这是我的 jSFIDDLE:http://jsfiddle.net/vzzscnmr/1/

有什么想法吗？

注意:我们需要在这部分专门使用 jQuery.data 不是简单的 JQUERY 解决方案。

Answer 1

试试这个:

var holder = $( "#container" )[0];

jQuery.data( holder, "data", {
  firstname: "Sam",
  lastname: "Norton"
});
setNames();

$('#btnID').click(function(event){

   event.preventDefault() ;
   jQuery.data( holder, "data", {firstname: "Smith"});
   setNames();

});

function setNames() {
    $( "span:first" ).text( jQuery.data( holder, "data" ).firstname );
    $( "span:last" ).text( jQuery.data( holder, "data" ).lastname );
}

• 还将 html onclick 更改为 jQuery 处理程序...

JSFiddle here