标签data-*自定义属性值和根据data属性值查找对应标签

  • 1、html中设置标签data-*的值
<dl>
    <dt>标题dt>
    <dd data-url="11">11111dd>
    <dd data-url="22">22222dd>
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('', '').......; // ....去操作

你可能感兴趣的:(Web实战)