Question

适用于html

<div class='abc'>

    <button type="button">A</button>
    <button type="button">B</button>
    <button type="button">C</button>
    <button type="button">D</button>

</div>

<button type="button">X</button>
<button type="button">Y</button>
<button type="button">Z</button>

我想在具有班级名abc的div中按下任何一个按钮时发出警告。

假设有人点击A或B，应该出现警报。

Answer 1

您需要选择器限制该元素内的按钮。试试这个：

$('.abc button').click(function() {
    alert('foo');
});

如果您特别想将其限制在A或B按钮，则需要filter()：

$('.abc button').filter(function() {
    return $(this).text() == "A" || $(this).text() == "B";
}).click(function() {
    alert('foo');
});

Answer 2

尝试使用direct children选择器，或者也可以使用后代选择器（'。abc button'），

$('.abc > button').click(function(){
 alert('');
})

Answer 3

您可以使用：

$(".abc").find("button").click(function () {
        alert("");
});

Answer 4

您可以通过此方法选择div下的按钮。

 $('.abc button').click(function() {
     alert('Hii');
 });

Answer 5

使用属性类型选择器选择所有按钮

    $(".abc [type=button]").on("click",function(e){
        alert(1);
    });

Answer 6

您应该将事件委托给容器级别，以便只使用一个处理程序：

$('.abc').on('click', 'button', function(){
    alert("Well next time I'll read some basic tutos instead of posting this kind of question on SO...");
});

Answer 7

这样你就可以调用特定div元素按钮的click事件来指定＆＃34; abc＆＃34;班级

$("div[class*='abc'] :input").click(function() {
    alert('your message');
});

check my fiddle

当按钮在特定div中单击时如何获得警报 - Jquery

7 个答案: