十四、怎么获取data-id中的值

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script></script>
</head> 
<body> 
<div id='plant' data-fruit='12'>来呀！ </div>
    <script type="text/javascript"> 
    $(function(){
        $('#plant').hover(function(){
            var f1 = $(this).data('fruit');
            var f2 = $(this).attr('data-fruit');
        console.log(f1);
        console.log(f2);
        })
    })
    </script>
</body> 
 
</html>

　　

posted @   杰_森  阅读(378)  评论(0)  编辑  收藏  举报
编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· AI与.NET技术实操系列（六）：基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示
SQL AI 助手