在jQuery中使用通配符基于数据属性查找（.find（））元素

Question

美好的一天！

我无法找到我在这里寻找的答案，因为它似乎更准确一些。我正在寻找的是一种基于数据属性查找元素的方法，其中值以特定字符串开头。

换句话说，我希望选择这两个：

<a class="button" href="#" data-action="view" ...>
<a class="button" href="#" data-action="view-default" ...>

我认为这会奏效，但它没有：

$(this).find('.button[data-action^="view"]')

似乎jQuery无法在查询查询中进行过滤...

Answer 1

您可以使用过滤器代替find，并且可以使用此类数据

$(function() {    
    $('.button').filter(function(){
      
        return $(this).data("action")  == 'view' }).css({background:'red'
                                                         
    });  
});