在选定的类 div 中查找输入按钮答案

【问题标题】：Find input button within a selected class div在选定的类 div 中查找输入按钮
【发布时间】：2011-11-03 11:17:11
【问题描述】：

如何使用 jquery 在类名称为“blueheaderbar 手风琴按钮 on”的 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>

【问题讨论】：

标签： jquery button jquery-ui-accordion

【解决方案1】：

我认为答案是：

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

【讨论】：

【解决方案2】：

"blueheaderbar accordionButton selected" 不是“一个”单一的类名，而是三个。选择具有所有三个类的元素的 CSS 选择器是

.blueheaderbar.accordionButton.selected

（注意没有空格！）。

所以用 jQuery 在里面找到一个输入是：

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

或

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

【讨论】：

【解决方案3】：

这样就可以了-

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

第二个 div 试试这个-

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

你也可以这样试试——

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

Working Demo

【讨论】：

【解决方案4】：

这应该会改变文本

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

【讨论】：