如何检查所有目标属性在锚标记中是否具有rel属性？ （在开发人员工具中查看“源和元素”选项卡）

Question

我正在尝试为页面创建测试脚本，但是开发人员工具中的视图源（ctrl U）和元素选项卡有所不同。

我只是这个的新生。

我对此有类似的问题：Why do some elements in Chrome Developer Tools 'elements' tab not appear in 'view page source?'

但是对我来说：有没有一种方法可以检查元素选项卡而不是查看源？

在HTML View源中有：

<a href='link.html' target="_blank" >Text</a>
<a href='link.html' target="_blank" rel="noopener">Text</a>
<a href='link.html' target="_blank" rel="noopener">Text</a>

元素选项卡开发人员工具：

<a href='link.html' target="_blank" rel="noopener">Text</a>
<a href='link.html' target="_blank" rel="noopener">Text</a>
<a href='link.html' target="_blank" rel="noopener">Text</a>

我尝试过此

if($('a[target]').attr('rel') === undefined){ //loop to all 'a' that has 'target' and check the value of rel if it is equal to null or undefine.

}else{
} 

//but this will triggered in view source.

我期望它的输出将根据element部分传递非常感谢。

Answer 1

尝试此操作，因为您需要遍历整个循环-

$('a[target]').each(function(){
  if($(this).attr('rel') === undefined){
    // do something
  }
});