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

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