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

用于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>

A.
B
C
D
X
Y
Z

我想在类名为abc的div中按下任何一个按钮时发出警报

---

假设有人单击A或B，则应显示警报。

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

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

如果您特别想将其限制为

A

或

B

按钮，则需要一个

过滤器（）

：

---

尝试使用

直接子对象

选择器，也可以使用后代选择器（“.abc按钮”）

---

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

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

---

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

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

---

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

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

---

这样您就可以调用特定div元素的按钮的点击事件来分配“abc”类

您可以使用：

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

---

你在找.abc中的div吗？@Adil-Typo匆忙中..：\

jQuery（“.abc按钮”）。单击（…）

为什么投反对票？@user3636511，因为显然你没有进行任何搜索，也没有发布任何尝试，如果有的话。。。现在要补偿的+1真的是unrelevant@A.Wolff好的，很好。。还原..

使用选择器

什么选择器…？你能解释一下你的代码片段以帮助询问者和未来的网站访问者吗？@A.Wolff谢谢，我必须发挥创意，因为我去回答了它，然后很快刷新了，有一堆答案哈哈

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

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

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