Get attribute data and split vs get ref

Benchmark created by Camilo Tapia on December 1, 2011

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo theone" data-split="1,2" data-ref-hash="h1" data-ref-list="0"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div id="result"></div>

Setup

var hashList = {"h1": {x:1, y:2}};
    var arrayList = [{x:1, y:2}];
    $(".theone").data("pos", {x:1, y:2});

Test runner

var dataString = $(".theone").attr("data-split");
var data = dataString.split(",");
$("#result").html(parseInt(data[0]) + "," + parseInt(data[1]));

var dataString = $(".theone").attr("data-ref-hash");
var data = hashList[dataString];
$("#result").html(data.x + "," + data.y);

var dataString = $(".theone").attr("data-ref-list");
var data = arrayList[parseInt(dataString)];
$("#result").html(data.x + "," + data.y);

var data = $(".theone").data("pos");
$("#result").html(data.x + "," + data.y);

Revisions

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

• Revision 1: published by Camilo Tapia on December 1, 2011