How to select div in table cell using jQuery -

मेरे पास निम्न तालिका संरचना है:

  & lt; tr & gt; & Lt; th & gt; & lt; लेबल = "ctl00_bodyContent_username" के लिए & gt; उपयोगकर्ता नाम: & lt; / लेबल & gt; & lt; / th & gt; & Lt; td वर्ग = "फ़ील्ड" & gt; इनपुट नाम = "ctl00 $ bodyContent $ username" type = "text" id = "ctl00_bodyContent_username" / & gt; & lt; / td & gt; & Lt; td वर्ग = "जानकारी" & gt; & Lt; div class = "message" & gt; आपको क्या जाना चाहिए? & Lt; / div & gt; & Lt; div class = "मान्य" & gt; यूज़रनेम उपलब्ध & lt; / div & gt; & Lt; div class = "invalid" & gt; यह उपयोगकर्ता नाम पहले से ही लिया गया है & lt; / div & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt;  

मैं क्या हासिल करने के लिए देख रहा हूं, जब पाठ बॉक्स # ctl00_bodyContent_username फोकस हो गया है, तो डि डिव। संदेश (डिफ़ॉल्ट प्रदर्शित है: कोई नहीं) आसन्न तालिका सेल में।

यह मानते हुए कि इनमें से एक से अधिक (और केवल एक ही नहीं मान रहे हैं):

< पूर्व> $ ("td.field: input")। फ़ोकस (फ़ंक्शन () {var info = $ (this)। Parent ()। Next (); if ($ ("। मान्य: दृश्यमान, .invalid : दृश्य ", जानकारी)। Length == 0) {info.children (" message ")। शो ();}})। ब्लर (फ़ंक्शन () {var info = $ (this)। Parent ()। Next ( ); Info.children ("message")। Hide ();});

यह भी मानता है कि जब फ़ील्ड फोकस खो देता है, तब आप संदेश छिपाना चाहते हैं।