使用Javascript将类添加到YouTube iframe元素

Question

我正在一个有大量文章的网站上工作。很多人通过YT嵌入代码嵌入了一个或多个YouTube视频。

由于设计已更改，以前嵌入的视频的高度和宽度不再符合新设计。因此，我使用CSS定位iframe以显示正确的尺寸。这工作正常，但也有其他iframe对象（例如Soundcloud播放器）无意中调整大小。由于YT或SC嵌入代码没有类，我无法定位一种嵌入代码，而另一种不受影响。

是否可以使用js仅将类添加到YouTube iframe元素，但保留其他iframe元素？

Answer 1

您可以使用属性选择器轻松完成此操作：

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

这是a working fiddle to demonstrate。

其他信息

看看jQuery's attribute selector reference。这是一个快速的概述：

=  is exactly equal
!= is not equal
^= starts with
$= ends with
*= contains

Answer 2

也许您可以使用属性选择器，如下所示：

iframe[src^="http://www.youtube"]