pulsante Trova ingresso all'interno di un div class selezionato

Question

Come potrei usare jQuery per scoprire questo pulsante all'interno di un div con il nome della classe "blueheaderbar accordionButton on" quindi modificare il valore pulsante per "nasconderlo"

<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

Penso che la risposta è:

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

Answer 2

"blueheaderbar accordionButton selected" isn "t" un "nome di classe singola, ma tre". Il selettore CSS per selezionare un elemento con tutte e tre le classi è

.blueheaderbar.accordionButton.selected 

(notare la mancanza di spazi!).

Quindi, per trovare un ingresso all'interno lì con jQuery è:

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

o

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

Answer 3

Questo dovrebbe cambiare il testo

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

Answer 4

questo farà il trick-

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

e per di seconda div provare questo-

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

si può provare in questo modo anche-

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

Working Demo