javascript - 搜索词与其余代码分开了吗？

Question

$("[title*='A-title-im-not-interested-in']").closest("div.parentdivofproduct").attr("style","visibility: hidden !important; display: none !important;");
$("[title*='Second-title-no-need']").closest("div.parentdivofproduct").attr("style","visibility: hidden !important; display: none !important;");
$("[title*='Third-i-dont-want-to-see']").closest("div.parentdivofproduct").attr("style","visibility: hidden !important; display: none !important;");
$("[title*='4thtitle']").closest("div.parentdivofproduct").attr("style","visibility: hidden !important; display: none !important;");

我使用上面的代码来隐藏我不想要的标题。每个都在单独的一行中，所有内容都会重复匹配时需要执行的操作。 有没有一种方法可以达到相同的结果，我可以将我的标题列出到一个地方，并将“做什么”代码分开？像这样的吗？

$("[title*=MYTITLES]").closest("div.parentdivofproduct").attr("style","visibility: hidden !important; display: none !important;");
MYTITLES {'A-title-im-not-interested-in','Second-title-no-need','Third-i-dont-want-to-see','4thtitle'};

Answer 1

可以尝试类似的事情

var titles = ['title 1', 'title 2', 'title 3'];

$("[title]").filter(function(){
   return titles.indexOf(this.title) >-1;
}).closest("div.parentdivofproduct").attr("style","visibility: hidden !important; display: none !important;");

或者

$.each(titles, function(_, title){
    $('[title="' + title + '"]').closest("div.parentdivofproduct").attr...
}) 

或者

var selector = titles.map(function(title){
     return '[title="' + title + '"]';
}).join()
$(selector).closest("div.parentdivofproduct").attr...