एक चयनित वर्ग div

Question

मैं कैसे "पर accordionButton blueheaderbar" jQuery इस्तेमाल कर सकते हैं वर्ग के नाम के साथ एक div के भीतर इस बटन को पता लगाने के लिए भीतर इनपुट बटन होता तो "इसे छिपाने" करने के लिए बटन मान बदलने

<div class="blueheaderbar accordionButton selected" style="margin-top:20px"> 
      <div class="floatleft">abc</div> 
      <div class="floatright"><input class="showhidebtn" type="button" value="Show Outlet" style="margin:6px 16px 0 0; width:86px" /></div> 
      <div class="clear"></div> 
</div> 

<div class="blueheaderbar accordionButton" style="margin-top:20px"> 
      <div class="floatleft">abc</div> 
      <div class="floatright"><input class="showhidebtn" type="button" value="Show Outlet" style="margin:6px 16px 0 0; width:86px" /></div> 
      <div class="clear"></div> 
</div> 

Answer 1

बदलना चाहिए मुझे लगता है कि जवाब है:

$("div.blueheaderbar.selected").find("input").val("hide it"); 

Answer 2

"blueheaderbar accordionButton selected" प्रतिसाद नहीं 'टी "एक" एकल वर्ग का नाम, लेकिन तीन। सभी तीन वर्गों के साथ तत्व का चयन करने के लिए सीएसएस चयनकर्ता

.blueheaderbar.accordionButton.selected 

(रिक्त स्थान की कमी पर ध्यान दें!)।

तो jQuery के साथ अंदर वहाँ एक इनपुट मिल रहा है:

var $input = jQuery(".blueheaderbar.accordionButton.selected input"); 

या

var $input = jQuery(".blueheaderbar.accordionButton.selected").find("input"); 

Answer 3

यह पाठ

$('.showhidebtn').click(function() { 
    $(this).val('hide it'); 
}); 

Answer 4

इस trick-

jQuery(".blueheaderbar.accordionButton.selected").find(".showhidebtn").hide(); 

करना होगा और secon div इस-

jQuery(".blueheaderbar.accordionButton").find(".showhidebtn").hide(); 

कोशिश के लिए आप also-

jQuery(".blueheaderbar.accordionButton.selected > .showhidebtn").hide(); 

Working Demo