javascript - 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“分组”

Answer 2

选择器语法不支持or. 交替使用两个选择器的方法是,：

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