私はサードパーティのサイトと対話するためのユーザースクリプトに取り組んでいるので、そのレイアウトをどのように行うかを制御することはできません。
リストがありますが、視覚的にはリスト内の各要素は単一の要素にラップされていませんが、DOMではいくつかの兄弟インライン要素の「実行」として表されます。兄弟の各実行は、で区切られます<br>。
単一のjQueryオブジェクトでそのような実行を選択できるセレクターを探しています。フォーマットの抽象化は次のとおりです。
<div class="list">
<a href="#" class="foo">Jack</a> <span class="bar">77</span><br>
<a href="#" class="foo">Fred</a> <span class="bar">23</span><span class="bar">11</span><br>
<a href="#" class="foo">Bob</a> <span class="bar">101</span><br>
<a href="#" class="foo">Joe</a> <span class="bar">12</span><br>
</div>
したがって、一種の疑似正規表現表記のパターンは常に次のようになります。
foobar{0,2}br
セレクターにファイナルが含まれているかどうかは関係ありませbrんが、アンカーの後に0、1、または2bar秒が続く必要があります。barDOMに2つを超えることはありませんが、0以上を選択するものを作成する方が簡単な場合も問題ありません。
要素間にノーブレークスペースを使用するため、選択したjQueryオブジェクトにも要素が含まれていることがおそらく重要です。
（リスト内のアイテムを再配置するので、それらをユニットとして扱いたいと思います。これは、jQueryの学習にも役立ちます！）