Question

我如何使用jquery在类名为“blueheaderbar accordionButton 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>

Answer 1

我认为答案是：

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

Answer 2

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

.blueheaderbar.accordionButton.selected

（注意缺少空格！）。

所以在jQuery中找到一个输入是：

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

或

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

Answer 3

这样就可以了 -

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

并且对于第二个div尝试这个 -

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

您也可以尝试这种方式 -

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

Working Demo

Answer 4

这应该改变文本

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

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

4 个答案: