Question

刚开始学习javascript / jquery。

对于我最近的任务，我被要求创建一个侦听两个按钮点击的功能，并查看“data-vote”属性以查看投票结果。

我需要在带有“vote”类的按钮上设置一个事件监听器，这两个类都有一个“data-vote”属性，一个是“great”，其他'greatest'。当单击其中一个buttons时，我需要查看该属性以确定它是什么，然后为受影响的计数器增加一个计数器。

我知道这看起来很简单，但我很失落。到目前为止，这是我的代码：

$('.vote').on('click', function(event){
   var targetElement = event.target;
   $(targetElement).find('data-vote').each(function(){
       if .attr(great)

任何帮助都将不胜感激。

Answer 1

var great = 0;
var greatest = 0;

$('.vote').on('click', function() {
  var value = $(this).data('vote');

  if(value === 'great') {
    great++;
  } else if(value === 'greatest') {
    greatest++;
  }
});

这里的关键是在click处理程序中，$(this)通常是指您点击的元素。

您只需查询属性data-vote并使用该值执行某些操作即可。请注意，我们正在使用jQuery的data方法，该方法会查询HTML5 data-*属性。

要增加计数器，您可以使用两个全局变量great和greatest。根据您单击的按钮的data-vote的值，您可以使用++运算符（这称为increment arithmetic operator）递增相应的全局变量。这是一个原子运算符，可以改变它的值。

使用javascript / jquery进行基本调查

1 个答案: