2009-06-26 11 views
9

मैं इसjQuery में एक टेबल पंक्ति कैसे छिपाना है?

  <table class="headerTable" id="headerTable"> 
       <tbody> 
        <tr class="hh"> 
         <td>test1</td> 
         <td>18,164</td> 
        </tr> 
        <tr class="member"> 
         <td>test3</td> 
         <td>24,343</td> 
        </tr> 
       </tbody> 
      </table> 

मैं वर्ग के सदस्य के साथ पंक्तियों को छिपाना चाहते हैं के रूप में एक मेज है।

मैं कुछ इस तरह किया था, लेकिन यह काम कर रहा है नहीं ..

$("#headerTable tbody tr:member").hide(); 

उत्तर

20

इस

$("#headerTable tbody tr.member").hide(); 

CSS चयनकर्ताओं की तरह jQuery में चयनकर्ताओं का प्रयास करें, ताकि आप उन्हें उस तरह का उपयोग करने में सक्षम होना चाहिए ।

आप jQuery selector documentation here ब्राउज़ कर सकते हैं, यह दिलचस्प बातें आप कर सकते हैं से भरा हुआ है। (

+0

इन शॉर्टेंड के बारे में पढ़ने के लिए कोई अच्छी जगह है? –

+0

जोड़ा गया। –

1

$ ("# headerTable .member") को छिपाने)।

4

एक वर्ग सीएसएस उपयोग एक बिंदु का उपयोग कर सूचित करने के लिए है कि यह एक वर्ग है, न कि पेट है निर्दिष्ट करने के लिए। कॉलन को फ़िल्टर के लिए jQuery द्वारा उपयोग किया जाता है।

$("tr.member").hide(); 

ठीक है जब तक कि आप किसी तालिका के लिए विशिष्ट नहीं होना चाहते हैं।

+0

क्या मैं आपको ओलाफुर की प्रतिक्रिया को ऊपर उठाने के लिए प्रोत्साहित कर सकता हूं क्योंकि आप दोनों ने एक ही समाधान प्रदान किया था, लेकिन वह पहले था? – Sampson

+0

जब मैं अपना लेखन कर रहा था तो वह अपना जवाब लिख रहा था। –

+0

मैं इसे अकेला छोड़ देता हूं जब तक यह किसी भी तरह से काफी अलग न हो, कहें कि यह अधिक विस्तृत है। उदाहरण के लिए, मैं इस सवाल पर अन्य जवाब upvoted: http://stackoverflow.com/questions/1049326/php-error-reporting-on-specific-folders – cgp

2

तुम भी find इस्तेमाल कर सकते हैं।

$('#headerTable').find('.member').hide(); 

या यदि सभी पंक्तियों (तत्व, वास्तव में) वर्ग member साथ छिपा हुआ होना चाहिए:

$('.member').hide(); 

काम करना चाहिए।

संबंधित मुद्दे