Jquery 选择 div 内的按钮

Question

我想选择 DIV 内存在的一组特定按钮，并将其 ID 分配给页面上的隐藏字段，但我一生都无法选择 div 内的按钮。下面的示例失败了

源 HTML

    <div id = test>
    <div class="ButtonGroupWrapper">                    
                    <img src="test.jpg" width="100" height="100" alt="thumbnail" />
                <input id="buttonID5" type="submit" value="Link" class="button" />
    </div>
    <div class="ButtonGroupWrapper">                    
                    <img src="test.jpg" width="100" height="100" alt="thumbnail" />
                <input id="buttonID6" type="submit" value="Link" class="button" />
    </div>
    </div>

Jquery 选择器失败

    $(".ButtonGroupWrapper").find(":button").click(function () {
        alert("hi there");
        return false;
    });

    $("#ButtonGroupWrapper input[type=button]").click(function () {
        alert("hi there");
        return false;
    });

    $("#ButtonGroupWrapper :button").click(function () {
        alert("hi there");
       return false;
    });

Answer 1

尝试:

$(".ButtonGroupWrapper").find(".button").click(function () {
        alert("hi there");
        return false;
});

您的第一个示例失败，因为您尝试定位前面为 . 而不是 : 的类。您可能还尝试定位按钮类型的元素，但相关元素的类型为提交。

您的第二个示例失败，因为您尝试在不存在类型按钮的情况下选择输入类型(您的目标是类型提交)。另一种选择是input[type=submit]。

您的第三个示例失败的原因与第一个示例失败的原因类似，因为它正在寻找按钮类型的元素。

另请参阅http://api.jquery.com/button-selector/