Jquery 检查html是否<;头>;包含特定的<;链接>;

Jquery 检查html是否<;头>;包含特定的<;链接>;,jquery,Jquery,我正在尝试检查html标头是否包含以下行: <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 我能够使用$('head')找到link元素但我很难验证哪一个对应于我的,因为上面有很多其他链接 是否有一种方法可以搜索整个字符串,比如(我知道代码不起作用,这只是一个示例): $('head')。查找(“”) 或者其他任何选择,我都愿意 很抱歉,如果这是一个蹩

我正在尝试检查html标头是否包含以下行:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

我能够使用$('head')找到link元素但我很难验证哪一个对应于我的,因为上面有很多其他链接

是否有一种方法可以搜索整个字符串,比如(我知道代码不起作用,这只是一个示例):

$('head')。查找(“”)
或者其他任何选择,我都愿意

很抱歉,如果这是一个蹩脚的问题,但由于我还处于早期阶段,所以对我来说并没有那么蹩脚;)

用于根据属性值选择元素

var link = $('head').find('link[href="https://fonts.googleapis.com/icon?family=Material+Icons"][rel="stylesheet"]')
if(link.length){
   // do the rest
}

或者,如果您想与包含元素的字符串进行比较,那么使用方法(未测试)执行以下操作

var link = $('head').find('link').filter(function(){
   return this.outerHTML.trim() == '<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">';
}) 
if(link.length){
   // do the rest
}
var link=$('head')。查找('link')。筛选(函数(){
返回此.outerHTML.trim()='';
}) 
if(链接长度){
//做剩下的
}

您可以使用以下代码对
find()
命令的结果进行迭代,查看是否找到了所需的URL:

var desiredURL = "https://fonts.googleapis.com/icon?family=Material+Icons";
$('head').find('link').each(function () {
if($(this).attr('href')== desiredURL)
  console.log("Found it");
});
或者您可以使用如下选择器:

if($('head').find('link[href="https://fonts.googleapis.com/icon?family=Material+Icons"][rel="stylesheet"]').length != 0)
  console.log('Found it!');

如此简单,如此简单,如此美好!感谢您的快速回复:)我如何将其与IF条件联系起来?如果head包含“link[href=”则执行此操作,如果不包含,则执行此操作THAT@SoMeGoD只需检查它的
长度
property@SoMeGoD)非常感谢,这真的很有帮助
if($('head').find('link[href="https://fonts.googleapis.com/icon?family=Material+Icons"][rel="stylesheet"]').length != 0)
  console.log('Found it!');