Jquery to javascript

Question

I want to convert this jquery to javascript.Please help

$("tr").live('click', function() {

alert("row number: " + $(this).index());

});

download jquery library (unminified) and copy the live function (note that live disappeared in 1.7+, so download at max 1.7) — kpull1
– kpull1, Commented Apr 2, 2014 at 10:33
why you want to use pure javascript? The snippet you given evn if it uses jquery is still javascript — Ramesh
– Ramesh, Commented Apr 2, 2014 at 10:33
Maybe because that's all they need and using jQuery is an unnecessary load. Also vanilla JS is always faster. @Ramesh — Albzi
– Albzi, Commented Apr 2, 2014 at 10:34
Do you have any skills in native js? Because the jQuery selector isn't that easy to reproduce. Did you had a look at the jquery function? — Daniel Gasser
– Daniel Gasser, Commented Apr 2, 2014 at 10:35
@pc-shooter — It's trivial to reproduce so long as you have a modern browser. querySelectorAll. — Quentin
– Quentin, Commented Apr 2, 2014 at 10:36

Furquan Khan · Accepted Answer · 2014-04-02 10:44:12Z

2

See this:

var elemm=document.getElementsByTagName("tr");
var cnt = 0;
for(var i = 0;i<elemm.length;i++)
{
    elemm[i].onclick = function(){alert("row number: " + ++cnt)}
}

Working Demo

answered Apr 2, 2014 at 10:44

Furquan Khan

1,5941 gold badge15 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-02 10:47:05Z

1

Fiddle Demo

js

function indexInParent(node) {
    var children = node.parentNode.childNodes;
    var num = 0;
    for (var i = 0; i < children.length; i++) {
        if (children[i] == node) return num;
        if (children[i].nodeType == 1) num++;
    }
    return -1;
}

function test(el) {
    alert('row number: ' + indexInParent(el));
}

in html add

<tr onclick="test(this)">

answered Apr 2, 2014 at 10:47

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Collectives™ on Stack Overflow

Jquery to javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related