- 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('', '').......; // ....去操作