Tuesday, 15 June 2010

How to store the previous clicked element in jquery -


मेरे पास निम्न पंक्तियों के साथ एक टेबल है

  & lt; table & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; div & gt; सुरेश & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; रमेश & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; सचिन & lt; / div & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; div & gt; राहुल & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; शिव & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; श्याम & lt; / div & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; div & gt; तांडव & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; किरण & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; राधा & lt; / div & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; div & gt; पंकज & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; जितेन & lt; / div & gt; & lt; / टीडी & gt; & LT; टीडी & gt; & lt; div & gt; संदीप & lt; / div & gt; & lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt; & Lt; / div & gt;  

सीएसएस फ़ाइल में

 । Coloradd {background-color: orange; }  

मेरा Jquery निम्नानुसार है

  चेक = समारोह () {$ ('tr')। क्लिक करें (फ़ंक्शन (e) {if (e .ctrlKey) {$ (this) .addClass ("coloradd");} और यदि (ई। ShiftKey) {// कोड एकाधिक पंक्तियों को चुनने के लिए लिखा जाना है।} और {$ ('tr')। RemoveClass ("coloradd "); $ (यह) .addClass (" coloradd ");}}); };  

उपरोक्त jquery के साथ जब मैं नियंत्रण कुंजी को दबाता हूं मैं कई पंक्तियों का चयन कर सकता हूँ जो कि पृष्ठभूमि रंग की मदद से दिखाया जाएगा।

लेकिन जब मैं एक पंक्ति चुनता हूं और मैंने बदलाव की मदद से दूसरी पंक्ति को क्लिक किया तो मुझे इन दो पंक्तियों के बीच की सभी पंक्तियों को हाइलाइट करना चाहिए (सीएसएस को लागू करना चाहिए)। क्या ऐसा करने का कोई तरीका है?

  अगर (ई। शिफ्टकि) {// चेक पिछले चयनित पंक्ति यदि ($ ('tr.coloradd: first')। लंबाई == 1) {// ठीक है, अब मौजूदा चयनित सूचकांक previndex = $ ('tr') की जांच करें। ($ ('Tr.coloradd: प्रथम')); // वर्तमान चयनित सूचकांक के साथ तुलना करें currindex = $ ('tr')। सूचकांक ($ (यह)); Var startindex = previndex & lt; कुर्रेंडेक्स? प्रिवेंन्डएक्स: करिंडेंक्स; Var स्टॉपइंडएक्स = प्रेसिंडएक्स & gt; कुर्रेंडेक्स? प्रिवेंन्डएक्स: करिंडेंक्स; $ ('Tr')। टुकड़ा (शुरुआती, स्टॉपइंडएक्स + 1) .addClass ('coloradd'); } और {$ (यह) .addClass ('coloradd'); // यह 1 चयनित पंक्ति है}}  

No comments:

Post a Comment