1. 程式人生 > >標籤data-*自定義屬性值和根據data屬性值查詢對應標籤

標籤data-*自定義屬性值和根據data屬性值查詢對應標籤

  • 1、html中設定標籤data-*的值
<dl>
    <dt>標題</dt>
    <dd data-url="11">11111</dd>
    <dd data-url="22">22222</dd>
</dl>
  • 2、點選獲取當前標籤的data-url的值
$('dd').on('click', function() {
    var urlVal = $(this).data('url');
    // ....
})

data自定義屬性值設定和查詢的對應關係: data-xxx-yyy ⇒ $(...).data('xxxYyy');

  • 3、根據data屬性值查詢對應標籤
var $curDd = $('dl').find('dd[data-url="11"]');
// $curDd.css('', '').......; // ....去操作