Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
JQuery: selector vs filter vs filter+filter
find the best solution for optimize getting selected option
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=566514" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
Browser:
Chrome 130
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
SELECTOR only
379K/s
SELECTOR + FILTER
132K/s
SELECTOR + FILTER + FILTER
128K/s
View exact numbers
Test name
Executions per second
✓
SELECTOR only
379,415 Ops/sec
SELECTOR + FILTER
132,429 Ops/sec
SELECTOR + FILTER + FILTER
127,845 Ops/sec
HTML Preparation code:
<table class="table table-striped" id="node_tableEdge"> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1194154">aaa</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1194154" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494108">bbb</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494108" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494111">ccc</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494111" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494112">ddd</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494112" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494113">eee</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494113" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494114">fff</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494114" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494115">ggg</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494115" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494116">hhh</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494116" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494117">iii</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494117" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494118">jjj</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494118" data-edge-type-id="2"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1194154">aaa</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1194154" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494108">bbb</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494108" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494111">ccc</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494111" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494112">ddd</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494112" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494113">eee</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494113" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494114">fff</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494114" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494115">ggg</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494115" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494116">hhh</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494116" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494117">iii</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494117" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> <tr> <td class="node_rowEdgeType">broader</td><td class="node_rowEdgeToUriLabel" title="kb:1494118">jjj</td><td class="tableColLast text-center"><a href="#" class="node_rowEdgeDel" title="Elimina" data-to-uri="kb:1494118" data-edge-type-id="1"><i class="fa fa-trash"></i></a></td> </tr> </table> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js'></script>
Tests:
SELECTOR + FILTER
$('.node_rowEdgeDel').filter('[data-to-uri="kb:1194154"][data-edge-type-id="2"]')
SELECTOR + FILTER + FILTER
$('.node_rowEdgeDel').filter('[data-to-uri="kb:1194154"]').filter('[data-edge-type-id="2"]')
SELECTOR only
$('.node_rowEdgeDel[data-to-uri="kb:1194154"][data-edge-type-id="2"]')