我怎样才能得到每一个"标签which "href"属性包含单词"youtube&

How can i get every "a" tag which "href" attribute contain word "youtube"?

本文关键字:quot href which 属性 包含单 youtube 标签 每一个      更新时间:2023-09-26

我想捕获href属性包含字youtube的每个a标记。我需要使用jquery

$('a[href*="youtube"]')

更多选择器,参见jQuery API的选择器部分

属性包含选择器:

$('a[href*="youtube"]');

你可以使用"filter":

var allYoutubes = $('a').filter(function() { return /youtube/.test(this.href); });

可以使用一个更花哨的选择器,但这样更简单、更清晰,而且可能更快,因为库不需要去弄清楚你的选择器是什么意思。

相当简单…

$('a[href*="youtube"]')

http://api.jquery.com/attribute-contains-selector/http://api.jquery.com/category/selectors/

这些答案都很棒;但如果你感兴趣的话用纯JS(没有jQuery)替代也不难

function getYouTubeLinks() {
    var links = document.getElementsByTagName("a");
    var ytlinks = [];
       for(var i=0,l=links.length;i<l;i++){
           if(links[i].href.replace("http://","").indexOf("youtube.com") === 0) {
            ytlinks.push(links[i]);  
           } 
        } 
   return ytlinks;
}
var youtube = getYouTubeLinks();
for(var i=0,l=youtube.length;i<l;i++){
    youtube[i].style.color = "pink";   
}

确保去掉"www."answers"https://"也是个好主意。