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

来源:互联网 发布:刷机软件 编辑:程序博客网 时间:2024/06/05 18:41
  • 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('', '').......; // ....去操作
原创粉丝点击