jquery - $(this).find("p").text() vs $("p", $(this)).text() 速度を考慮したjQuery

Question

次のような単純な HTML レイアウトがあるとします。

<div class="items">
    <p>Some text #1</p>
</div>
.
.
<div class="items">
    <p>Some text #n</p>
</div>

すべての div を反復処理してから段落のテキストを取得する場合、以下の 2 つのアプローチのどちらが速度の点で優れていると考えられますか (議論のためにn約 10k の場合)。

#1.Approach
$(".items").each(function() {
    var p = $(this).find("p").text();
    //do stuff with p
});

#2.Approach
$(".items").each(function() {
    var p = $("p", $(this)).text();
    //do stuff with p
});

Answer 1

.findクール、私はあなたがメソッド対を探していると思いますcontext method

これをチェックしてください（熱心なので）

• http://jsperf.com/jquery-find-vs-context-sel/61
• http://jsperf.com/children-vs-find-vs-context

.findその使用を避けたい場合は、コンテキストがに変換されます.find

jspref を休ませると、パフォーマンスが表示されます。

それがあなたのニーズに合うことを願っています。:)両方の呼び出しは同じですが。