jquery - 组合多个 css3 选择器

Question

我知道可以在 jQuery 中组合一些 CSS3 选择器，但是可以组合所有变体吗？

例如，我有一个动态生成的页面，该页面最后输出一个带有唯一标识符的 id，例如 videoPlayer-123，我想选择该 id 的所有直接兄弟是段落标签的实例。请参见此处的示例：

$('p+div[id^=videoPlayer]').css('width','100%');

那样有用吗？还是有更好的方法来做到这一点？

以下是 HTML 外观的示例：

<p>
    <span>
        <h2>Test video 1234</h2>
    </span>
</p>
<div id='videoPlayer_1234'>
    <div id='videoPlayer_1234_container'>
        <video controls="controls"><source src="test.mp4"/></video>
    </div>
</div>

Answer 1

这是完全有效的，并且可能是最好的方法。