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"