Javascript - 将一个类应用于具有两种不同类型源的 iframe

Question

如何在单个 jQuery 选择器中定位多个元素？

我正在尝试在加载页面时为我的所有 soundcloud 和 youtube 小部件添加一个类。我为 soundcloud 做这件事没有问题，用这个：

 $("iframe[src^='https://w.soundcloud.com/']").addClass("widget");

我也想将此课程应用于 youtube iframe。如何选择两个 iframe？我试过了：

$("iframe[src^='https://w.soundcloud.com/' or src^='http://www.youtube.com']").addClass("widget");

那以及我的其他尝试都行不通...

提前感谢您的帮助！

Answer 1

CSS 选择器使用, 表示“或”，这在 CSS 中称为分组。

$("iframe[src^='https://w.soundcloud.com/'], iframe[src^='http://www.youtube.com']").addClass("widget");

来源：W3C "Grouping"

Answer 2

选择器语法不支持or。两个选择器交替的方式是,:

$("iframe[src^='https://w.soundcloud.com/'], iframe['src^='http://www.youtube.com']").addClass("widget");