ホーム > data (全2件)
  • リストを並び替える

    リスト（idがranking）の内容をdata-count属性の値で昇順に並び替える。

    $('ul#ranking' ).html(
	$('ul#ranking > li' ).sort(
		function ( _a, _b ) {
			return parseInt( $(_a).data( 'count' ) ) < parseInt( $(_b).data( 'count' ) ) ? -1 : 1;
		}
	)
);

    sort関数のコールバック関数で評価対象となる_a要素と_b要素の値（ここではdata-count属性）を判定し、正または負の値を返すだけ。比較演算子の向きを変えれば降順にできる。なおこの例ではul要素を並び替えたが、table要素も同様に並び替えできる。

    キーワード:
  • HTML5の独自データ属性の値を取得する

    data-size属性の値を取得する。

    /* $( this )の場合 */
var size = $( this ).data( 'size' );

/* td要素で他の独自データ属性を使って他と区別したい場合 */
var size = $( 'td[data-size]' ).data( 'size' );

    data関数で’data-‘に続く名前を指定することで値を取得できる。値には文字列のほか、連想配列（オブジェクト）を指定できるらしい。

    キーワード:
 
 
ツールバーへスキップ