दिलचस्प पोस्ट
वेबव्यू में स्क्रॉल करना अक्षम करें? वाई रिटर्न 2012 जबकि y रिटर्न 2011 सरलडाटाफ़ॉर्मेट में रंग के साथ UIBarButtonItem? कैसे jquery का उपयोग सीएसएस प्रदर्शन कोई भी या ब्लॉक संपत्ति को बदलने के लिए? शरीर पर सेट CSS3 ढाल पृष्ठभूमि खिंचाव नहीं है बल्कि इसके बजाय दोहराता है? एक नई एंड्रॉइड सूचना का पता लगाएं 2 जेसन ऑब्जेक्ट्स की तुलना करें android.content.ActivityNotFoundException: मैं जावास्क्रिप्ट ऑब्जेक्ट प्रॉपर्टी को हाइफ़न के साथ कैसे संदर्भ करूं? ArrayList से यादृच्छिक वस्तु को पुनर्प्राप्त करना आज्ञाओं पर git डिफ़ॉल्ट झंडे सेट करना स्विफ्ट में जेएसओएन बॉडी के साथ एचटीटीपी पोस्ट का अनुरोध कैसे करें विक्रेता-विशिष्ट छद्म तत्वों / वर्गों को एक नियम सेट में जोड़ना संभव क्यों नहीं है? वेब। कॉन्फ़िग में सत्र समयबाह्य कैसे सेट करें साल, महीनों और दिनों में टी-एसक्यूएल में उम्र की गणना कैसे करें

तालिका में तालिका पंक्ति और स्तंभ संख्या

मैं jQuery का उपयोग करते हुए क्लिक की गई तालिका सेल की पंक्ति और स्तंभ संख्या कैसे प्राप्त करूं, यानी,

$("td").onClick(function(event){ var row = ... var col = ... }); 

वेब के समाधान से एकत्रित समाधान "तालिका में तालिका पंक्ति और स्तंभ संख्या"

आप किसी संदर्भ में कोर / इंडेक्स फ़ंक्शन का उपयोग कर सकते हैं, उदाहरण के लिए आप कॉलम संख्या प्राप्त करने के लिए उसके टीआर में टीडी के सूचकांक की जांच कर सकते हैं, और आप पंक्ति संख्या प्राप्त करने के लिए तालिका पर टीआर इंडेक्स देख सकते हैं:

 $('td').click(function(){ var col = $(this).parent().children().index($(this)); var row = $(this).parent().parent().children().index($(this).parent()); alert('Row: ' + row + ', Column: ' + col); }); 

यहां चल रहे एक उदाहरण की जांच करें ।

 $('td').click(function() { var myCol = $(this).index(); var $tr = $(this).closest('tr'); var myRow = $tr.index(); }); 

मेरे सिर के ऊपर से बाहर, एक ही रास्ता सभी पिछले तत्वों को पकड़ना और उन्हें गिनाना होगा।

 $('td').click(function(){ var colIndex = $(this).prevAll().length; var rowIndex = $(this).parent('tr').prevAll().length; }); 

क्लिक पर COLUMN INDEX प्राप्त करें:

 $(this).closest("td").index(); 

क्लिक पर पंक्ति इंडेक्स प्राप्त करें:

 $(this).closest("tr").index(); 

क्या आप आउटपुट कर सकते हैं कि तालिका में डेटा का निर्माण कर रहे हैं?

तो आपकी तालिका इस तरह दिखाई देगी:

 <table> <thead>...</thead> <tbody> <tr><td data-row='1' data-column='1'>value</td> <td data-row='1' data-column='2'>value</td> <td data-row='1' data-column='3'>value</td></tr> <tbody> </table> 

तो यह एक साधारण मामला होगा

 $("td").click(function(event) { var row = $(this).attr("data-row"); var col = $(this).attr("data-col"); } 

क्लिक करने वाले TD को पाने के लिए संपूर्ण तालिका में एक क्लिक हैंडलर को बाँधना और फिर event.target का उपयोग करें। यह सब मैं इसके 1:20 बजे के रूप में जोड़ सकते हैं