javascript jquery show/hide of columns -
& lt; तालिका id = 'mytab' & gt; & LT; टीआर & gt; & Lt; td colspan = "6" & gt; ओएस & lt; / td & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & LT; टीडी & gt; फेडोरा & lt; / टीडी & gt; & Lt; td & gt; सेंट ओस & lt; / td & gt; & LT; टीडी & gt; उबंटू & lt; / टीडी & gt; & LT; टीडी & gt; Suse & lt; / टीडी & gt; & LT; टीडी & gt; Redhat & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "6" & gt; संस्करण & lt; / td & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & LT; टीडी & gt; 6 & lt; / टीडी & gt; & LT; टीडी & gt; v2.4 & lt; / टीडी & gt; & Lt; टीडी & gt; बीटा 2 & lt; / td & gt; & LT; टीडी & gt; 8 & lt; / टीडी & gt; & LT; टीडी & gt; 2008 & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & LT; टीडी & gt; 7 & lt; / टीडी & gt; & LT; टीडी & gt; v3.4 & lt; / टीडी & gt; & LT; टीडी & gt; 1 & lt; / टीडी & gt; & LT; टीडी & gt; 9 & lt; / टीडी & gt; & LT; टीडी & gt; 2009 & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & LT; टीडी & gt; 10 & lt; / टीडी & gt; & LT; टीडी & gt; v4.4 & lt; / टीडी & gt; & LT; टीडी & gt; 2 & lt; / टीडी & gt; & LT; टीडी & gt; 10 & lt; / टीडी & gt; & LT; टीडी & gt; 2010 & lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "6" & gt; समर्थन & lt; / td & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & lt; / टीडी & gt; & Lt; td & gt; सभी समर्थन निशुल्क & lt; / td & gt; & Lt; td & gt; आंशिक समर्थन & lt; / td & gt; & Lt; td & gt; सशुल्क सहायता & lt; / td & gt; & Lt; td & gt; समुदाय सहायता & lt; / td & gt; & Lt; td & gt; पूर्ण समर्थन & lt; / td & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;
jquery
<पूर्व> $ ('# mytab td')। Hide (); $ ('# Mytab td: nth-child (1)')। शो (); $ ('# माइटैब टीडी: एनथ-बाल (' जो भी हो, जो भी है) ')। शो ();
जब भी whatever_column_selected, यह चयनित कॉलम को दिखाने के लिए लगता है, यह प्रदर्शित करता है और ओएस, संस्करण और समर्थन भी प्रदर्शित करता है
इसलिए मुझे क्या चाहिए अगर सस सील है तो यह है मान लीजिए कि निम्न स्वरूप में दिखाना है: ओएस -> सॉस
संस्करण -> 8 9 10
सहायता -> सामुदायिक सहायता
अगर मुझे इसे बदलने की ज़रूरत है डिवेल को आउटपुट वांछित परिणाम प्राप्त करने के लिए टेबल, जो काम भी करेगा
अग्रिम धन्यवाद
मेरे पास कुछ बदलावों के साथ html है ..
$ (फ़ंक्शन () {$ ('# mytab tr.header td') क्लिक करें (फ़ंक्शन () {var index = $ (यह)। इंडैक्स () + 1; $ ('# माइटैब टीआर टीडी: एनथ-बाल (' + इंडेक्स + ')')। भाई बहन ()। Hide ();})});
अपडेट
$ (फ़ंक्शन () {$ ('व')। प्रत्येक (फ़ंक्शन () {var text = $ (यह) .text (); $ (यह) .डेटा ('पाठ', पाठ);}); $ ('# mytab tr.header td')। Cli सीके (फ़ंक्शन () {var इंडेक्स = $ (यह)। इंडैक्स () + 1; $ ('# Mytab tr: has (th)')। प्रत्येक (फ़ंक्शन () {var str = $ (this) .nextUntil ('tr: has (th)')। Find (': nth-child (' + सूचकांक + ')')। नक्शा (फ़ंक्शन () {वापसी $ (यह) .text ();} ()। (""); $ (This) .find ('th')। Html (फ़ंक्शन () {वापसी $ (यह)। डेटा ('पाठ') + '& lt; span & gt; - & amp; gt;' + str + '& lt; / span & gt;';})}); })});
Comments
Post a Comment