可能重复:
使用非标准HTML属性被认为是不好的做法吗?
嗨伙计,
我正在构建一个javascript库,其思路是为页面上的各种元素添加功能.
完全隔离的最简单方法是添加非标准属性
例如 <div special="true" >...</div>
其他选择是类和onclick javascript.
有任何想法吗?
如何data使用jQuery 根据自定义属性中的内容过滤多个div ?问题是该属性可以有多个值(被视为1个字符串).所以如果data-att值包含字符串,我需要解决.
<a href="">small</a>
<a href="">medium</a>
<a href="">large</a>
<div class="size" data-size="small">small tee</div>
<div class="size" data-size="small medium">small tee</div>
<div class="size" data-size="small medium">small tee</div>
<div class="size" data-size="small">small tee</div>
<div class="size" data-size="medium large">small tee</div>
<div class="size" data-size="medium large">small tee</div>
Run Code Online (Sandbox Code Playgroud)
因此,如果单击小链接,它应该只显示其数据大小值包含较小的div,因此'small'和'small medium'.
我试过了:
$("a").click(function(e) {
var selectSize = $(this).text();
filter(selectSize)
e.preventDefault();
});
function filter(e){
$('.tyre').hide()
.filter('[data-sizes=""]:contains(' + e + ')')
.show(); // show the filtered elements
}
Run Code Online (Sandbox Code Playgroud)
但没有去.