jquery - 複数の css3 セレクターの組み合わせ

Question

jQuery でいくつかの CSS3 セレクターを組み合わせることは可能ですが、すべてのバリエーションを組み合わせることは可能ですか?

たとえば、videoPlayer-123 のように最後に一意の識別子を持つ id を出力する動的に生成されたページがあり、兄弟を指示する 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

それは完全に有効であり、おそらくそれを行うための最良の方法です。