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