0

假设我在页面上有产品链接，一些产品在推荐 div 中：

<a href="some_url?pid=abc"><img src ... ></a>
<a href="some_url?pid=abc">ABC Product Name...</a>

<a href="some_url?pid=def">
 .... more product links

<div class="recommendations">
  <a href="some_url?pid=uvw"> ...
  <a href="some_url?pid=xyz"> ...
</div>

我需要为推荐和不推荐的 url 构建唯一的 pid 列表，如下所示：

 recommended_pids = ["uvw","xyz"];
 non_recommened_pids = ["abc","def"];

我知道我可以在这样的页面上获取所有 pid 的列表：

 $('a[href*="pid="]').each(function() {
   //get just the pid part
   var link = this.href;
   var pid = link.split('pid=')[1].split('&')[0];
   pids.push(pid);
 });

我可以使用这样的选择器在页面上获取推荐的 pid 列表：

$('div.recommended a[href*="pid="]')

对每个数组进行排序和 uniq，然后减去所有元素，然后进行数组减法以获得不推荐的 pid 列表。

但是有没有办法使用其他 jQuery 过滤器来获取不包含在推荐 div 中的 pid 列表，而无需编写数组减法函数？

4

3 回答 3

2

好吧，总是有.filter()：

var $pidLinks = $('a[href*="pid="]');
// recommended links
$pidLinks.filter('div.recommendations > a');
// non-recommended links
$pidLinks.filter(':not(div.recommendations > a)');

有点无端的jsFiddle

对于它的价值，@Jayendra 的解决方案更简单并且可能更好，除非您需要同时获取两个列表 - 在这种情况下，我相信.filter()如果您缓存所有链接的原始选择， using 应该具有更好的性能。

于 2011-09-26T18:01:07.597 回答
2

不使用

$("a:not(.recommendations a)").each(function(index){
    alert(this.id);
});
于 2011-09-26T18:12:07.150 回答
1

在每个函数中，您可以执行以下操作：

if( $(this).parents(".recommendations").length ) {

    recommended_pids.push(pid);

} else {

    non_recommened_pids.push(pid);

}
于 2011-09-26T18:01:39.227 回答