<style> div {margin: 2px; color: blue;} span {color: red;} </style> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <div>생성 전 hz1 값: <span></span></div> <div>생성 후 hz1 값: <span></span></div> <div>제거 후 hz1 값: <span></span></div> <div>생성 후 hz2 값: <span></span></div> <script> $( "span" ).eq( 0 ).text( "" + $( "div" ).data( "hz1" ) ); $( "div" ).data( "hz1", "홈짱닷컴" ); $( "div" ).data( "hz2", "Homzzang.com" ); $( "span" ).eq( 1 ).text( "" + $( "div").data( "hz1" ) ); $( "div" ).removeData( "hz1" ); $( "span" ).eq( 2 ).text( "" + $( "div" ).data( "hz1" ) ); $( "span" ).eq( 3 ).text( "" + $( "div" ).data( "hz2" ) ); </script> 결과보기
<style>
div {margin: 2px; color: blue;}
span {color: red;}
</style>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<div>생성 전 hz1 값: <span></span></div>
<div>생성 후 hz1 값: <span></span></div>
<div>제거 후 hz1 값: <span></span></div>
<div>생성 후 hz2 값: <span></span></div>
<script>
$( "span" ).eq( 0 ).text( "" + $( "div" ).data( "hz1" ) );
$( "div" ).data( "hz1", "홈짱닷컴" );
$( "div" ).data( "hz2", "Homzzang.com" );
$( "span" ).eq( 1 ).text( "" + $( "div").data( "hz1" ) );
$( "div" ).removeData( "hz1" );
$( "span" ).eq( 2 ).text( "" + $( "div" ).data( "hz1" ) );
$( "span" ).eq( 3 ).text( "" + $( "div" ).data( "hz2" ) );
</script>
결과보기
https://api.jquery.com/removedata/