Jquery 组合多个css3选择器

Jquery 组合多个css3选择器,jquery,css,jquery-selectors,css-selectors,Jquery,Css,Jquery Selectors,Css Selectors,我知道可以在jQuery中组合一些CSS3选择器,但是可以组合所有变体吗 例如,我有一个动态生成的页面,该页面输出一个在末尾带有唯一标识符的id,如videoPlayer-123,我想选择该id的所有实例,其中直接同级是段落标记。请参见此处的示例: $('p+div[id^=videoPlayer]').css('width','100%'); 这样行吗?还是有更好的方法 下面是HTML的示例: <p> <span> <h2>Test

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

测试视频1234


这是完全有效的,可能是最好的方法。

这是完全有效的,可能是最好的方法。

这会奏效的。但为什么不试试呢?:)我试过了,但似乎没有效果。这就是为什么我要问,似乎它会起作用。需要看看你的HTML。还要确保你的div不是100%的宽度。这是为我们的移动站点设计的,所以它们的固定宽度通常为620px。正常工作-正常工作。但为什么不试试呢?:)我试过了,但似乎没有效果。这就是为什么我要问,似乎它会起作用。需要看看你的HTML。还要确保你的div不是100%的宽度。这是为我们的移动站点设计的,所以它们的固定宽度通常为620px。工作正常-