javascript - このセレクターの最適化を手伝ってください。$('#data div.item:has(div.video_guid:empty)')

Question

現在のところ、サイトが使用できなくなるほど遅くはありませんが、iPhone のモバイル サファリでは顕著なラグが発生します。これを行う簡単な方法はありますか？

"空の div.video_guid を持つ div.items を検索"

Answer 1

ページの他の場所にクラス video_guid を持つ div がありますか? そうでない場合は、次のように単純化できます。

$('div.video_guid:empty');

あなたのセレクターと私のセレクターの唯一の違いは、あなたのセレクターは親div.itemに一致し、私のセレクターは実際の に一致することですdiv.video_guid。これを回避するには、セレクターが一致したら、親に対して操作を実行する場合は、次のdiv.itemようにします。

$('div.video_guid:empty').each(function() {
    var container = $(this).parents('div.item');
    // do something to the containing div
});

すべてのことを考慮して、パフォーマンスが向上することを期待しています..

Answer 2

この関連する質問を読んでください。これによれば、

$(‘div.item:has(div.video_guid:empty)’, '#data')

より速くする必要があります。奇妙ですが、明らかに測定可能です。