搜索字词与其余代码分开?

时间:2016-07-16 19:22:12

标签: javascript jquery

$("[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'};

2 个答案:

答案 0 :(得分: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...

答案 1 :(得分:0)

您无法使用多个元素的数组创建单个jQuery选择。相反,您需要使用具有不同查询的每个元素迭代数组。

因此,您可以使用for循环中的任何内容,setTimeout$.map$.eachArray.prototype.forEach ...等等