我如何用jquery这个元素作为目标

Question

我正在尝试自定义一个名为essential grid的Wp插件，该插件具有过滤内容的过滤器。该筛选按钮具有以下标记：

<div data-filter="filter-documentary" data-fid="11" class="esg-filterbutton"><span>Documentary</span><span class="esg-filter-checked"><i class="eg-icon-ok-1"></i></span></div>

我如何用jquery将"datafilter="filter-documentary"作为目标？所以当点击该按钮时，css将应用于div？

我试过：

 jQuery(document).ready(function( $ ) {
  var filterdoc = document.getElementById('[data-filter="filter-documentary"]');
  filterdoc.style.cursor = 'pointer';
  filterdoc.onclick = function() {
      $("body").addClass("filter_doc");
  };
  });

但并不是什么都不做。

Answer 1

试试这个代码：

$('button').on('click',function(){
 $("[data-filter=filter-documentary]").css({ 
       //your css code
  });
});