तत्वों का सूचकांक, jQuery या जावास्क्रिप्ट

Question

मेरे पास एक तालिका है जिसमें 3 कॉलम हैं। मुझे एक ऐसी घटना को बांधने की ज़रूरत है जो किसी भी कॉलम को jQuery का उपयोग करके क्लिक किया जाता है।

हालांकि, मुझे कॉलम की अनुक्रमणिका को क्लिक करने की आवश्यकता है।

अर्थात: पहला स्तंभ (सूचकांक 0), दूसरा स्तंभ (सूचकांक 1), तीसरा स्तंभ (सूचकांक 2), और इतने पर ...

कैसे मुझे लगता है कि कर सकते हैं?

वर firstRow:

var firstRow = $("tr:first > th", "table[id*=Grid]"); 

एक नज़र डालें:

firstrow.click(function(e){ 
//var id = e.target.index; 
var id = $(e).parent().children().index(this);//returns -1 
}) 

Answer 1

आप क्या कर सकते हैं इस .index() उपयोग करते हुए, इस तरह (यह आधारित 0 है):

$("td").click(function() { 
    var i = $(this).parent().children().index(this); 
    alert(i); 
}); 

Answer 2

यह हो सकता है jQuery के बजाय मूल जावास्क्रिप्ट .rowIndex का उपयोग करने का एक बेहतर विचार। jQuery सिर (TH) तत्वों का पता लगाने में कुछ परेशानी हो सकती है।

Answer 3

मैं हमेशा .prevAll()

$('table').click(function(e) { 
    var $targ = $(e.target); 
    if ($targ.is('th')) { 
    var position = $targ.prevAll().length; 
    alert(position); 
    } 
}); 

Preview on jsbin