javascript – 无法将data-id设置为HTML元素

前端之家收集整理的这篇文章主要介绍了javascript – 无法将data-id设置为HTML元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在寻找这个.发现这个old articlethis.但不适合我.

我的问题是:我无法通过jQuery将增加的data-id设置为HTML Element.我能够提醒相同,但我没有设置HTML.如果我检查,元素没有变化.

jQuery的

$(document).ready(function() {    
   $("#search").click(function(){      
   var num = $(this).data('id');    
    num++; 
    $("span").text(num);
    $(this).data('id',num);
   });    
 });

我也尝试了这个

$(this).data('id') === num;

这是jsFiddle Demo

我正在使用v1.9.1并且在控制台中没有错误.如果有人能找到这个问题,它会很棒.

最佳答案
所有其他答案都是正确的 – 将’val’修正为val – 这当然解决了NaN问题.

然而问题是:

I cannot set incremented data-id to HTML Element via jQuery. I’m able
to alert the same,But I Failed to set in HTML. There is no change in
the element if I inspect.

jQuery使用内部表示(1)来表示数据.如果要在检查器中查看data-id,则需要使用:
$(this).attr(‘data-id’,num);

(1)“内部代表”:

All data is stored inside a property of the jQuery object named cache.
Log the contents of $.cache in your console to see all data and events
associated with any DOM element.

见:https://stackoverflow.com/a/4385015/775359

原文链接:https://www.f2er.com/jquery/428558.html

猜你在找的jQuery相关文章