组合多个css3选择器

时间:2012-07-19 20:37:34

标签: jquery css css3 jquery-selectors css-selectors

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

1 个答案:

答案 0 :(得分:1)

这是完全有效的,也许是最好的方法。