jQuery API の jQuery . hasData( element ) は、elementに指定したDOM要素に関連付いているデータが存在するかどうかをチェックするメソッド。
引数
- element
データが関連付いているかどうかをチェックするDOM要素。
戻り値
- Boolean
booleanType（論理型）。
関連付いているデータがあれば、「true」を返す。
関連付いているデータがなければ、「false」を返す。
記述方法
jQuery . hasData( DOM要素 )
「DOM要素」に指定した要素に関連付いているデータがあるかどうかをチェックする。
記述例
jQuery . hasData( div )
div要素に関連付いているデータがあるかどうかをチェックする。
実装例（サンプル）
- 項目１：
- 項目２：
- 項目３：
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-sample li:eq(0)' ) . data( 'sample', 'データ１' )
jQuery( '#jquery-sample li' ) . each( function() {
var dataSample = jQuery( this ) . data( 'sample' );
if( jQuery . hasData( this ) ){
jQuery( 'span', this ) . text( 'データは存在する。データ内容は、「' + dataSample + '」。' );
} else {
jQuery( 'span', this ) . text( 'データは存在しない。' );
}
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-sample li:eq(0)' ) . data( 'sample', 'データ１' )
jQuery( '#jquery-sample li' ) . each( function() {
var dataSample = jQuery( this ) . data( 'sample' );
if( jQuery . hasData( this ) ){
jQuery( 'span', this ) . text( 'データは存在する。データ内容は、「' + dataSample + '」。' );
} else {
jQuery( 'span', this ) . text( 'データは存在しない。' );
}
} );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample {
color: #333333;
list-style-type: square;
}
-->
</style>
<!--
#jquery-sample {
color: #333333;
list-style-type: square;
}
-->
</style>
HTML
<ul id="jquery-sample">
<li>項目１：<span></span></li>
<li data-sample="データ２">項目２：<span></span></li>
<li>項目３：<span></span></li>
</ul>
<li>項目１：<span></span></li>
<li data-sample="データ２">項目２：<span></span></li>
<li>項目３：<span></span></li>
</ul>