jQuery 获取数据属性的值

莉娜·路德

我尝试了几次现在更改代码。但是每次我得到 NaN ...

$(window).load(function() {
    $('.ytdl').click(function() {
        var v = $(this).data('href');
        var f = $(this).data('format');

        alert(v + f);

    });
});


<a data-href="KMU0tzLwhbE" data-format="1" rel="nofollow" target="_blank" class="ytdl">Download</a>

但为什么?我已经尝试也将数据更改为 attr。但这一切都不起作用。

迪亚

只需更改loadready

一旦页面的文档对象模型 (DOM) 变得可以安全操作,.ready() 方法就提供了一种运行 JavaScript 代码的方法。这通常是在用户查看页面或与页面交互之前执行所需任务的好时机,例如添加事件处理程序和初始化插件。当通过连续调用此方法添加多个函数时,它们会在 DOM 准备就绪时按添加顺序运行。从 jQuery 3.0 开始,jQuery 确保在一个处理程序中发生的异常不会阻止后续添加的处理程序的执行。-- https://api.jquery.com/ready/

所以这是一个工作演示https://jsfiddle.net/e89gh5Lk/

  • document.ready 是一个 jQuery 事件,它在 DOM 准备好时运行,例如所有元素都可以找到/使用,但不一定是所有内容。
  • window.onload 会在加载图像等时稍后触发(或在最坏/失败的情况下同时触发),因此,例如,如果您使用图像尺寸,您通常想改用它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery获取数据属性的值

来自分类Dev

jQuery无法获取数据属性值

来自分类Dev

无法使用jQuery获取数据属性的值

来自分类Dev

如何使用jQuery获取数据属性的值

来自分类Dev

如何使用jQuery获取数据属性的值

来自分类Dev

使用Jquery获取HTML数据属性的值

来自分类Dev

在jQuery中获取数据属性值

来自分类Dev

jQuery:获取数据属性

来自分类Dev

jQuery 数据属性值

来自分类Dev

在父元素中使用jQuery获取数据属性的值

来自分类Dev

从表单的select选项的值获取jquery数据属性

来自分类Dev

使用jQuery通过.each()获取数据属性值

来自分类Dev

使用带有jquery的数据属性获取输入值

来自分类Dev

使用jQuery获取第N个元素的数据属性值

来自分类Dev

使用jQuery获取匹配值的正确数据属性

来自分类Dev

使用jQuery获取第N个元素的数据属性值

来自分类Dev

使用jQuery获取基于数据属性的输入下拉文本值

来自分类Dev

使用jQuery获取属性值

来自分类Dev

使用jQuery获取属性值

来自分类Dev

jQuery从数据属性获取路径

来自分类Dev

jQuery从数据属性获取路径

来自分类Dev

使用jQuery获取数据属性

来自分类Dev

在ASP.NET Core中,如何使用JQuery获取数据属性的值?

来自分类Dev

使用jQuery js从多种可能性中获取所选数据属性的值

来自分类Dev

使用jQuery UI从动态创建的选项卡中获取数据属性值

来自分类Dev

jQuery获取输入字段属性的值

来自分类Dev

无法使用jquery方法获取属性值

来自分类Dev

jQuery:获取动态创建的元素的属性值

来自分类Dev

使用jQuery获取HTML属性值