提问人：thothlike 提问时间：3/30/2021 更新时间：3/30/2021 访问量：1642
jQuery 检查 data-* 属性是否包含带有 $（this） 的值，然后执行某些操作
jQuery check data-* attribute if it contains value with $(this) and then do something
问：
HTML格式：
<!-- a class with a data-target attribute with a list of space-seperated values -->
<div class="class1" data-target="value1 value2 value3 ...">
...
</div>
<!-- and there might be more than one object with the same class but with same and/or different data-target values -->
<div class="class1" data-target="value4 value5 value2 ...">
...
</div>
j查询：
// looping through each class1 to see if it contains a value and if so do something
$.each($('.class1'), function(){
if ($(this)...) { // check if data-target of this specific object with class1 contains the value
// do something
}
});
检查这个带有 class1 的特定对象的 data-target 是否包含我想要的类似于以下内容的值：
element[data-target~="value5"]
但是在 $（this） 上
我试过：
if ($(this).attr('[data-target~="value5"]')) ... // doesn't work (don't know why)
if ($('.class1[data-target~="value5"]')) ... // works but apply to all class1 objects and not just the specific one I'm testing
if ($(this).data('target').match('value5')) ... // works but is akin to *= and I want all the match options like ~= |= ^= etc.
但无论出于何种原因......我需要能够将等效于 [data-target~=“value*”] 的东西应用于 $（'this'）
所以 2 个问题：
- 为什么 $（this）.attr（'[data-target~=“value5”]'） （或 $（this）.attr（'data-target~=“value5”'） 不起作用？
- 我该如何做我想做的事？
答：
1赞
freedomn-m
3/30/2021
#1
一些 jquery 方法采用 a，而其他方法则不采用。selector
.attr()不采用选择器，所以你不能使用 in ，只是一个简单的字符串作为属性名称， - 所以这就像你的示例一样，你使用 js 根据需要检查值。[data-target].attr().attr("data-target").data("target")
相反，您可以使用 或 ：.is().filter()
if ($(this).is('[data-target~="value5"]'))
$.each($('.class1'), function(){
if ($(this).is("[data-target~='value3']")) {
console.log("yes it is");
}
else
console.log("no it's not");
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="class1" data-target="value1 value2 value3">target</div>
<div class="class1" data-target="value1 value2 value5">target</div>
评论