如何检查所有目标属性是否在锚点标记中都有rel属性?(查看开发人员工具中的源代码和元素选项卡)

Question

我正试图为页面创建一个测试脚本，但开发者工具中的视图源代码(ctrlU(和元素选项卡有所不同。

我只是一名大一新生。

我也有类似的问题：为什么Chrome开发工具中的某些元素'；元素'；选项卡未出现在'；查看页面源'；

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

在HTML视图源代码中有：

<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){ //will check 'a' that has 'target' and check if there are rel.
aler('there are target has no rel')
}else{
alert('there are rel in all target')
} 
//but this will triggered in view source.

我希望它的输出将基于元素部分传递带"target"的所有"a"都有"rel"。非常感谢。

Answer 1

当你需要在一个循环中通过所有内容时，试试这个-

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

Answer 2

您可以使用获得这些

$('a[target]:not([rel])')