Question

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

＆＃13;

$(function() {
      $('#1').find('.select').click(function() {

        alert("1 clicked ");

      });
      $("#2 .select").click(function() {

        alert("2 clicked ");

      });
    });

＆＃13;

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

＆＃13;

Answer 1

你的第一个Div缺少一个Closing div标签。请更正。

所以： -

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

需要： -

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

Answer 2

缺少结束div，你可以使用$ this来点击哪个按钮。不需要处理点击事件两次。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

有很多方法可以处理这些事情，但是在采取特定的方式/方法时;您需要修改以下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() { ... });

使用此功能，您还可以为＆＃34;选择＆＃34;的子元素添加点击处理程序。类。

如何在jquery中选择一个id类

4 个答案: