1

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

因为设计发生了变化，以前嵌入视频的高度和宽度不再符合新设计。因此，我使用 CSS 定位 iframe 以显示正确的尺寸。这很好用，但还有其他 iframe 对象（例如 Soundcloud 播放器）会无意中调整大小。由于 YT 或 SC 嵌入代码没有类，我不能针对一种嵌入代码，而对另一种保持不变。

是否可以使用 js 仅将类添加到 YouTube iframe 元素，但保留其他 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 回答