1

私はかなりの数の記事があるサイトで働いています。かなりの数のYouTube動画が、YT埋め込みコードを介して埋め込まれています。

デザインが変更されたため、以前に埋め込まれたビデオの高さと幅は、新しいデザインと一致しなくなりました。したがって、CSSを使用してiframeをターゲットにして、正しいサイズで表示します。これは正常に機能しますが、誤ってサイズ変更される他のiframeオブジェクト（Soundcloudプレーヤーなど）もあります。YTまたはSCの埋め込みコードにはクラスがないため、一方の種類の埋め込みコードをターゲットにして、もう一方をそのままにしておくことはできません。

jsを使用してクラスをYouTubeiframe要素のみに追加し、他のiframe要素はそのままにしておくことは可能ですか？

4

2 に答える 2

6

これは、属性セレクターを使用して簡単に行うことができます。

$("iframe[src^='http://www.youtube.com']​​​​​​​​​​​​​​​​").addClass("myClass");

これがデモンストレーションのための実用的なフィドルです。

追加情報

jQueryの属性セレクターリファレンスを見てください。簡単な概要は次のとおりです。

=  is exactly equal
!= is not equal
^= starts with
$= ends with
*= contains
于 2012-02-28T12:51:43.197 に答える
1

おそらく、次のような属性セレクターを使用できます。

iframe[src^="http://www.youtube"]
于 2012-02-28T12:51:29.820 に答える