Run results for: Show hide

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Browser: Chrome 63

Operating system: Mac OS X 10.13.2

Device Platform: Other

Date tested: 2024 years ago

Test name	Executions per second
For each	1398837.0 Ops/sec
Selector	1408707.0 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<table id="table">
</table>
<script>
var n_rows = 10000
var rows = []
var table = document.createElement("table")
for (var i=0; i<n_rows; i++) {
    var content = document.createTextNode("Content");
    var td = document.createElement("td");
    var tr = document.createElement("tr");
    td.appendChild(content);
    tr.appendChild(td);
    table.appendChild(tr)
}
</script>

Script Preparation code:

var table = $("#table")
var hide = ["table "]
var show = ["table "]
var update = function() {
  var s = show.join(", ");
  var h = hide.join(", ");
  $(s).show()
  $(h).hide()
}

Tests:

For each
table.children().each(function (i, element) { if (i % 2 === 0) element.show() else element.hide() });
Selector
table.children().each(function (i, element) { if (i % 2 === 0) show.push("tr:nth-child("+i+")") else hide.push("tr:nth-child("+i+")") if(i === n_rows-1) update(); });

For each

Selector