a
タグにはすべてhref
という属性に単語youtube
が含まれています。 jqueryを使用する必要があります。「href」属性に「youtube」という単語が含まれているすべての「a」タグを取得するにはどうすればよいですか?
答えて
$('a[href*="youtube"]')
、jQueryのAPIのSelectors部分を参照してください。
:
var allYoutubes = $('a').filter(function() { return /youtube/.test(this.href); });
ライブラリはの作業を行う必要はありませんので、あなたは手の込んだセレクタを使用することができますが、これは単純明快、おそらく高速ですあなたのセレクターが何を意味するかを理解する。主に味の問題です。
ただ好奇心から外れています:このアプローチは他の回答と比べて説明できますか? –
@Caspar:jQueryの['filter'](http://api.jquery.com/filter/)は、セット内のすべての要素に対してテストを実行します。テストが真の場合、要素は保持されます。それが偽であれば、それはそれを投げ捨てる。これはページ上のすべての ''要素を選択し、テストに失敗した者を投げ捨てます(この場合、テストは「要素の 'href'属性に 'youtube'?」が含まれていますか?) – Reid
@reid私はこのアプローチの違いが他のものと比較してどのようなものかを知りたいと思っています。例えば効率、パフォーマンス、互換性など –
Attribute Contains Selector:より多くのセレクタの
$('a[href*="youtube"]');
かなり簡単...
$('a[href*="youtube"]')
http://api.jquery.com/attribute-contains-selector/ http://api.jquery.com/category/selectors/
これらの他の回答は素晴らしいです。しかし、あなたは(何jQueryの)それは純粋なJSを行うにはそれは難しいことではありません興味がない場合の代替
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を。」 「https://」と同様です。
このようにループしてみましょう: '(i = 0、l = links.length; i <私は長さが常に評価される必要はありません;)。 –
@キャスパー良い点。答えを自由に編集してください(もしあなたがそうしないなら、それはあなたのアイデアでした) - それは結局のことです。 –
- 1. htmlタグ属性に%がPHPに含まれているとはどういう意味ですか?
- 2. シンクセットのすべての属性を取得するにはどうすればよいですか?
- 3. すべての特殊属性を取得するにはどうすればよいですか?
- 4. XML属性を取得するにはどうすればよいですか?
- 5. WatiN Linkオブジェクトから生のhref属性を取得するにはどうすればよいですか?
- 6. javaのxml属性値内でhtmlタグ値を取得するにはどうすればよいですか?
- 7. PythonのgdataモジュールですべてのYouTubeコメントを取得するにはどうすればよいですか?
- 8. オプションの単語を含めるにはどうすればよいですか?
- 9. imgタグのsrc属性を取得するにはどうすればよいですか?
- 10. タグの属性を取得するにはどうすればよいですか?
- 11. 名詞タグを含む単語をファイルから取り出すにはどうすればいいですか?
- 12. 属性内でタグ値を取得するにはどうすればよいですか?
- 13. 行に2桁の数字が含まれていないすべての単語を一致させるにはどうすればよいですか?
- 14. 特定の単語が含まれていない出力からhrefリンクをクリックするにはどうすればよいですか?
- 15. ダブルスペースを単語として数えないようにするにはどうすればよいですか?
- 16. カスタム属性に属するプロパティを取得するにはどうすればよいですか?
- 17. タグを検索するときに、そのタグのすべてを含む記事を取得するにはどうすればよいですか?
- 18. CFG文法のレキシコンに含まれていない単語を取得するにはどうすればよいですか?
- 19. クラスにDataContract属性があるかどうかを調べるにはどうすればいいですか?
- 20. shiroプリンシパルのプロパティをthymeleafタグ属性として設定するにはどうすればいいですか?
- 21. 出力に特定の単語が含まれているかどうかを確認するにはどうすればよいですか?
- 22. このタグ内のテキストをすべて取得するにはどうすればよいですか?
- 23. WordPressのすべての投稿タグを取得するにはどうすればよいですか?
- 24. すべての兄弟ulタグを取得するにはどうすればよいですか? :ここ
- 25. URL文字列に単語が含まれているかどうかを確認するにはどうすればよいですか?
- 26. <head>タグに特定の<script>タグが含まれているかどうかをテストするにはどうすればよいですか?
- 27. 同じメタキーを含むすべてのページを取得するにはどうすればよいですか?
- 28. ejbでセッション属性を設定して取得するにはどうすればいいですか
- 29. VBAでHTMLDocumentオブジェクトを使用して属性名でタグの属性値を取得するにはどうすればよいですか?
- 30. SimpleXML:名前空間属性を含むノードを選択するときに、他の属性を取得するにはどうすればよいですか?
同時に: – VMAtm
あなたは引用する必要があります –
@レイToal:完了。 (セレクタがなくても完全に動作するにもかかわらず、引用符は必須であるとjQueryが言っているのは奇妙ですが) – Reid