在元素中查找类名的其他属性
在元素中查找类名的其他属性
提问于 2015-11-04 14:22:20
我有以下代码：
<div class="_GAb-_GAd">
<div class="_GANmb _GAe ACTION-removeFilter TARGET-1">clear</div>
</div>
<div class="_GAb-_GAd">
<div class="_GANmb _GAe ACTION-removeFilter TARGET-2">clear</div>
</div>和脚本(Jquery)
<script>
$(document).ready(function() {
$(".ACTION-removeFilter").click(function() {
alert('find out which TARGET is being clicked.');
});
});
</script>我想知道哪个目标被点击了(目标-1或目标-2)。有什么办法能查出来吗？
我怎么知道呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-04 14:23:58
您可以在regex上使用className
var target = $(this).attr('class').match(/\b(TARGET-[^ ]+)/)[1];\b：字界()：捕获组。可以使用数组的第二个索引(1)访问TARGET-：匹配TARGET-字面意思[^ ]*：^：不是。匹配任何不是空间的东西，0次或多次。
备注：为了匹配大小写，不敏感地使用i标志。我以为在-如此使用+之后总会有一些东西出现。
演示：
$(document).ready(function() {
$(".ACTION-removeFilter").click(function() {
console.log($(this).attr('class').match(/\b(TARGET-[^ ]+)/)[1]);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div class="_GAb-_GAd">
<div class="_GANmb _GAe ACTION-removeFilter TARGET-1">clear</div>
</div>
<div class="_GAb-_GAd">
<div class="_GANmb _GAe ACTION-removeFilter TARGET-2">clear</div>
</div>
<div class="_GAb-_GAd">
<div class="_GANmb _GAe ACTION-removeFilter TARGET-My_Beautiful_class_488">Check this</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33524277
复制相关文章
相似问题
腾讯云开发者
