如何 select class jquery 中的 id

Question

我有两个 div，ID 不同但相同 class 我如何 select 给定 ID 的 class？

$(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>

Answer 1

缺少关闭 div 可以使用 $this 按钮是 clicked.No 需要处理两次点击事件。

$(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>

Answer 2

您的第一个 Div 缺少结尾 div tag.Please 更正。

所以：-

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

需要：-

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

Answer 3

有很多方法可以处理此类事情，但是在执行特定操作时 way/approach；您将需要修改您的 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/

Answer 4

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

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

这样您还可以为 "select" class.

的子元素添加点击处理程序

如何 select class jquery 中的 id

How to select a class of an id in jquery

html

jquery

logic

jquery-selectors