Question

我有一个类似的jQuery：

jQuery("#id1,#id2").click(function(){
     //do stuff
});

我正在检查是否点击了id1或id2然后执行某些操作。但是在函数中我需要获取单击的ID。有人可以帮助我吗？

Answer 1

试试这个......

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

<script type="text/javascript" src="../jquery.fullPage.js"></script>
<script type="text/javascript" src="examples.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $('#fullpage').fullpage({
      'verticalCentered': false,
      'css3': true,
      'sectionsColor': ['#F0F2F4', '#f7f3eb', '#fff', '#fff'],
      'navigation': true,
      'navigationPosition': 'right',
      'navigationTooltips': ['fullPage.js', 'Powerful', 'Amazing', 'Simple'],

      'afterLoad': function(anchorLink, index){
        if(index == 2){
          $('#iphone3, #iphone2, #iphone4').addClass('active');
        }
      },

      'onLeave': function(index, nextIndex, direction){
        if (index == 3 && direction == 'down'){
          $('.section').eq(index -1).removeClass('moveDown').addClass('moveUp');
        }
        else if(index == 3 && direction == 'up'){
          $('.section').eq(index -1).removeClass('moveUp').addClass('moveDown');
        }

        $('#staticImg').toggleClass('active', (index == 2 && direction == 'down' ) || (index == 4 && direction == 'up'));
        $('#staticImg').toggleClass('moveDown', nextIndex == 4);
        $('#staticImg').toggleClass('moveUp', index == 4 && direction == 'up');
      }
    });
  });
</script>

Answer 2

更简单的版本是：

var idClicked = this.id;

Answer 3

您可以尝试更简单的代码：将相同的类添加到要附加单击侦听器的元素，单击时只需检索属性的值。

jQuery(".my-class").click(function(){
    var element_id = jQuery(this).attr("id");
});

在javascript中获取单击的元素ID

3 个答案: