2014-04-02 35 views
0

我想轉換這個jQuery來javascript.Please幫助了jQuery JavaScript的

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

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

}); 
+0

下載jQuery庫(unminified)和複製'live'功能(需要注意的是住在1.7+消失,所以在下載最高1.7 ) – kpull1

+0

爲什麼你要使用純JavaScript?如果它使用jquery,則給出的evn片段仍然是javascript – Ramesh

+0

也許是因爲這就是他們需要的,使用jQuery是不必要的負載。而且香草JS總是更快。 @Ramesh – Albzi

回答

2

看到這個:

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

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)); 
} 

在HTML中添加

<tr onclick="test(this)">