jQuery如何选取所有a标签href属性并排除main元素内的链接

核心修改逻辑 #

仅需将原选择器修改为排除main标签后代的a标签即可，有两种符合要求的实现方式： #

写法1：选择器内置过滤 #

$('a:not(main a)').each(function() {
  console.log($(this).attr('href'));
});

写法2：调用not方法过滤 #

$('a').not('main a').each(function() {
  console.log($(this).attr('href'));
});

效果说明 #

上述两种写法均仅使用了main相关选择器实现过滤，运行后只会输出header和footer中a标签的href值url1、url3，不会读取main内部的url2，完全符合需求。

内容的提问来源于stack exchange，提问作者Arthur