जावास्क्रिप्ट: हो रही टीडी सूचकांक

Question

संभव डुप्लिकेट:
Table row and column number in jQuery

मैं एक मेज इसलिए की तरह है, तो:

<table> 
    <thead> 
    <tr><th>1</th> <th>2</th> <th>3</th></tr> 
    </thead> 

    <tbody> 
    <tr><td>data</td> <td>checkbox</td> <td>data</td></tr> 
    </tbody> 
</table> 

उपयोगकर्ता चेकबॉक्स क्लिक करता है, मैं चाहता हूँ पंक्ति और कॉलम सूचकांक प्राप्त करने के लिए। मैं इस कोड का उपयोग करके पंक्ति सूचकांक प्राप्त कर सकते हैं:

var row = $(this).parent().parent(); 
var rowIndex = $(row[0].rowIndex); 

लेकिन मैं स्तंभ अनुक्रमणिका को समझ नहीं सकता ...

मैं इस कोशिश की, लेकिन यह काम नहीं किया:

var colIndex = $(row.children().index(this).parent()); 

मैंने यहां समान प्रश्नों के परिणामों को देखा और ऐसा लगता है कि मुझे प्रत्येक या मानचित्र के साथ सभी टीडीएस के माध्यम से फिर से शुरू करना है, क्या मैं कुछ सरल हूं जिसका उपयोग मैं कर सकता हूं? धन्यवाद।

Answer 1

पहले <td> के सूचकांक जाओ, क्योंकि यह <tr> के रास्ते पर है:

var cell = $(this).closest('td'); 
var cellIndex = cell[0].cellIndex 

var row = cell.closest('tr'); 
var rowIndex = row[0].rowIndex; 

या एक multiple-selector^[docs] के साथ parents()^[docs] पद्धति का उपयोग करके, आप एक बार में दोनों के लिए चयन कर सकता है:

var cellAndRow = $(this).parents('td,tr'); 

var cellIndex = cellAndRow[0].cellIndex 
var rowIndex = cellAndRow[1].rowIndex;