Question

对于jquery，你可以这样做： HTML：

    <div class = "div" id="one"> <\div>
    <div class = "div" id="Two"> <\div>

Jquery：

     .onclick function for class .div
      { 
           if ($('#one')) //is selected
           { 
                    do this
            } 
           else if ($('#two'))
           {
                    do this
           }

Answer 1

我想到了这个

$('body').on('click','.test',function () {
  
  if ( this.id === 'one' ) {
      alert('Click one');
    }
  if ( this.id === 'two' ) {
      alert('Click two');
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="test" id="one">One</div>
<div class="test" id="two">Two</div>
</body>

替代

$('.test').click(function () {
  
  if ( this.id === 'one' ) {
      alert('Click one');
    }
  if ( this.id === 'two' ) {
      alert('Click two');
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="test" id="one">One</div>
<div class="test" id="two">Two</div>
</body>

Answer 2

你可以简单地做

$('#one').click(function() {
  //do this
});
$('#two').click(function() {
  //do this
});

如果两个div具有相同的class

$('.classname#one').click(function() {
  //do this
});
$('.classname#two').click(function() {
  //do this
});

如果您想将此限制为div s

$('div.classname#one').click(function() {
  //do this
});
$('div.classname#two').click(function() {
  //do this
});

带有选择器的JQuery if语句

2 个答案: