jQuery Selector Perf - Right-to-Left (v60)

Revision 60 of this benchmark created on

Preparation HTML

<div class="notification-wrap">
        <div class="notification error">
                <span></span>

                <div class="text">
                        <p><strong>Lỗi !</strong> .</p>
       
                </div>
        </div>

    </div>
                        
                        
                        
                                                                            
        <div class="notification-wrap">
        <div class="notification tip">

                <span></span>
                <div class="text">
                        <p><strong>Mẹo Cho Bạn!</strong> .</p>
       Nội Dung
                </div>
        </div>

    </div>

        
        

                        
                        

        
                                                          <div class="notification-wrap">
        <div class="notification secure">
                <span></span>
                <div class="text">
                        <p><strong>Bảo Mật!</strong> .</p>
       Nội Dung
                </div>
        </div>

    </div>
        




        
                                                          <div class="notification-wrap">
        <div class="notification info">
                <span></span>
                <div class="text">
                        <p><strong>Thông Tin!</strong> .</p>
       Nội Dung
                </div>

        </div>

    </div>
        

        
                                                                          <div class="notification-wrap">
        <div class="notification download">
                <span></span>
                <div class="text">
                        <p><strong>Download</strong> .</p>

       Nội Dung
                </div>
        </div>

    </div>
                
                        
                        

                                                                                                  <div class="notification-wrap">
        <div class="notification message">
                <span></span>
                <div class="text">
                        <p><strong>Lời Nhắn </strong> .</p>

       Nội Dung
                </div>
        </div>

    </div>
                



  <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
                $('.notification-wrap').each(function(i) {
                        $(this).attr('id','notification-wrap'+i);
                         $(this).find('span').attr('id','notification-span'+i);
              });
                        
  
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
"Left to Write" Thinking
$('#box p');
ready
"Right to Left"
$('#box').children('p');
ready
Alternate "Right to Left"
$('#box').find('p');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.