Javascript 在JQuery中选择一个类的多个子类

我有一个满是按钮标签的房间

$“类别选择器按钮”。单击功能{ $'class_selector'。隐藏； console.loga； }; 点击 点击 点击

---

据我所知，您希望具有特定类的每个按钮在单击时隐藏一个div。您可以通过将单击事件处理程序分配给在其类列表中包含该类的任何按钮来实现这一点

HTML

查看此示例以获得一个工作示例

另一方面，如果你不想分配一个类，你可以这样做

HTML

---

下面是一个工作示例。

div为meit隐藏，即使在stackoverflow代码段上也可以工作。。。选择器的内容是动态生成的吗？这根本不起作用…按钮不获取任何JS事件是的，它们获取。单击上面的任何按钮都会隐藏div。这需要一秒钟的时间，因为console.loga与in snippet console一起需要很长时间。Stackoverflow snippet非常滞后于浏览器，但不知怎的，它在这里工作。内容是静态的-不生成任何内容。以防万一：Firefox 62.0.2 JQuery 3.3.1这将是目前的一项工作，但为每个按钮分配一个类是令人厌烦的，它会使文件的重量超过应有的重量。因此，我决定选择一个类中的每个按钮，比如.div\u name按钮，而不是.class\u for\u all\u按钮这个变通方法是有意义的，取消链接其他应该有效但无效的选项。Firefox 62.0.2 JQuery 3.3.1以防万一位置：绝对；防止父div消失？我已经更新了答案：不。我相信jquery使用display属性使元素消失。在按钮存在之前，我已经分配了click事件。这样愚蠢的错误。谢谢你！

<div id="selector-buttons">
  <button class="selector-button">Button 1</button>
  <button class="selector-button">Button 2</button>
  <button class="selector-button">Button 3</button>
</div>

$(document).ready(() => {
// grab everything that has the 'selector-button' class in its class list
$('.selector-button').on('click', ()=>{
    // hide the div
        $('#selector-buttons').hide();
    });
});

<div id="selectors">
  <button>Button 1</button>
  <button>Button 2</button>
  <button>Button 2</button>
</div>

$(document).ready(()=>{
        // get every button inside the div
        $('#selectors').find('button').on('click', ()=>{
        // hide the div
        $('#selectors').hide();
    });
})