如何 jQuery 选择页面上不包含在特定 div 中的所有链接

Question

假设我在页面上有产品链接，一些产品在推荐 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"];

我知道我可以像这样在页面上 git 获取所有 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 列表，而无需编写数组减法函数？

Answer 1

好吧，总有 .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()如果缓存所有链接的原始选择，应该会有更好的性能。

Answer 2

使用不

$("a:not(.recommendations a)").each(function(index){
    alert(this.id);
});

Answer 3

在每个函数中你可以这样做：

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

    recommended_pids.push(pid);

} else {

    non_recommened_pids.push(pid);

}