encontrar dentro de un div clase seleccionada

Question

¿Cómo podría usar jQuery para averiguar este botón dentro de un div con nombre de clase "blueheaderbar accordionButton en" cambie el valor botón para "ocultar"

<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

Creo que la respuesta es:

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

Answer 2

"blueheaderbar accordionButton selected" ISN 't "un nombre de clase única, pero tres. El selector de CSS para seleccionar un elemento con las tres clases es

.blueheaderbar.accordionButton.selected 

(observe la falta de espacios).

Así que para encontrar una entrada en el interior hay con jQuery es:

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

o

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

Answer 3

Esto debe cambiar el texto

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

Answer 4

esto hará el trick-

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

y para la segunda div intente esto:

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

se puede tratar de esta manera también-

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

Working Demo