選定類的div

Question

我怎麼會「上blueheaderbar accordionButton」使用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" ISN 't'一個單一的名字，但三個。用於選擇具有所有三個類別的元素的CSS選擇器是

.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

這會做的花樣 -

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

和塞康DIV嘗試這個 -

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

可以須─

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

Working Demo