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

Question

我试图自定义一个名为基本网格的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定位“data-filter =”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
  });
});