使用Javascript动态获取和设置li标记onClick的自定义属性

使用Javascript动态获取和设置li标记onClick的自定义属性,javascript,jquery,html,Javascript,Jquery,Html,我是JavaScript新手。我有以下要求 我需要获取li标记的自定义属性(数据计数器),执行某些操作,然后使用javascript动态地在每次单击特定li标记时使用一些值将其设置回(数据计数器) 范例 A B C您需要使用attr获取当前数据计数器并不断递增,然后使用attr()再次设置它: 函数捕获(元素){ $(element.attr('data-counter',parseInt($(element.attr('data-counter'))+1); log('新数据计数器值为:'

我是JavaScript新手。我有以下要求

我需要获取li标记的自定义属性(数据计数器),执行某些操作,然后使用javascript动态地在每次单击特定li标记时使用一些值将其设置回(数据计数器)

范例

  • A
  • B
  • C
  • 您需要使用
    attr
    获取当前
    数据计数器并不断递增,然后使用
    attr()
    再次设置它:

    函数捕获(元素){
    $(element.attr('data-counter',parseInt($(element.attr('data-counter'))+1);
    log('新数据计数器值为:'+$(元素).attr('数据计数器');
    }
    
    A
    B
    
    删除重复id。每个元素的id必须是唯一的

    传递单击元素的引用时,可以使用
    dataset
    更新计数器

    函数捕获(e){
    e、 dataset.counter++;
    console.log(如dataset.counter);
    }
  • A
  • B

  • C
  • ID应该是唯一的显示您的JS。。想看看你尝试了什么如果我从我的li标签中删除id属性。我如何才能找到我的解决方案?下面是我的JS函数capture(d){var a=d.getAttribute(“数据值”);if(a.equals(“0”){document.queryselectoral('[data value]')).setAttribute(“data value”,“1”);}else{document.queryselectoral('[data value]').setAttribute(“data value”,“0”);}