如何在jquery中选择一个id的类答案

【问题标题】：How to select a class of an id in jquery如何在jquery中选择一个id的类
【发布时间】：2018-04-27 06:29:08
【问题描述】：

我有两个 id 不同但类相同的 div 如何选择给定 id 的类？

$(function() {
      $('#1').find('.select').click(function() {

        alert("1 clicked ");

      });
      $("#2 .select").click(function() {

        alert("2 clicked ");

      });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="1">
    <button class="select">one</button>
</div>

<div id="2">
    <button class="select">two</button>
</div>

【问题讨论】：

var x = document.getElementsByClassName("select");
您的小提琴远不能成为此处发布的代码的工作示例..

标签： jquery html jquery-selectors logic

【解决方案1】：

您的第一个 div 缺少关闭 div 标记。请更正。

所以：-

<div id="1">
  <button class="select">one</button>
 <div>

需要：-

<div id="1">
  <button class="select">one</button>
</div>

【讨论】：

此类建议应在问题下方以 cmets 的形式发布。
@MuhammadHannan 在他的第一个半个世纪之前他不能发表评论:):)
@SaurabhKumarSingh 我会问你看看在其他答案中发布的更正确的 jquery 代码方法。你有多余的 jquery 代码，这根本没有效率。

【解决方案2】：

有很多方法可以处理此类事情，但要按照您的特定方式/方法；您需要修改您的JS 代码，如下所示：

<div id="1">
    <button class="select">one</button>
</div>

<div id="2">
    <button class="select">two</button>
</div>

Javascript 代码：

 $(function(){
     $('.select').click(function(){
        var parentElement = $(this).closest('div');
        alert ($(parentElement).attr('id'));

    });
});

在此处查看此运行代码示例：https://jsfiddle.net/u2sx44wr/

【讨论】：

【解决方案3】：

缺少关闭 div，您可以使用 $this 来单击哪个按钮。无需处理两次单击事件。

$(function() {
  $('div').find('.select').click(function() {
    var msg = $(this).html() + "    clicked";
    alert(msg);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="1">
  <button class="select">one</button>
</div>

<div id="2">
  <button class="select">two</button>
</div>

【讨论】：

【解决方案4】：

这个问题的一个很好的解决方案是：

$('#1').find('.select').click(function() { ... });

您还可以为“选择”类的子元素添加点击处理程序。

【讨论】：