组合多个css3选择器



我知道可以在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>

这是非常有效的,可能是最好的方法。

最新更新