Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Binding performance
(version: 0)
Testing the performance for multiple bindings vs. event delegation
Comparing performance of:
action vs action 2
Created:
5 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div class="wrapper"> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js'></script>
Script Preparation code:
$('.container').each(function(i, slider) { $(this).on('click', '.action', function(e) { e.preventDefault(); var h = $(this).parents('.container').height(), h1 = $(this).parents('.container').find('.slot').css('max-height'); $(this).parents('.container').find('.slot').css('color', 'aquamarine').html('test'); }); $('.wrapper').on('click', '.action2', function(e) { e.preventDefault(); var h = $(this).parents('.container').height(), h1 = $(this).parents('.container').find('.slot').css('max-height'); $(this).parents('.container').find('.slot').css('color', 'aquamarine').html('test'); }); });
Tests:
action
$( ".action" ).trigger( "click" );
action 2
$( ".action2" ).trigger( "click" );
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
action
action 2
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
I'll need to analyze the HTML code and individual test cases to answer your question. From the provided HTML code, I can see that it's a template for a web page with two actions: "Action" and "Action 2". Each action is linked to a button with an `action` or `action2` class. The code also includes a container element with slots and buttons. The individual test cases are a JSON array of objects, each representing a test case. There are two test cases: 1. Test Case 1: "action" * Benchmark Definition: "$( \".action\" ).trigger( \"click\" );" 2. Test Case 2: "action 2" * Benchmark Definition: "$( \".action2\" ).trigger( \"click\" );" Can you please provide more context or information about what you're trying to accomplish with this code? Are you looking for help with testing, debugging, or something else?
Related benchmarks:
jQuery $.each() VS $().onevent()
jQuery $.each() VS $().onevent()
event delegation
Binding performance 2
Comments
Confirm delete:
Do you really want to delete benchmark?