为div元素添加重要的自定义信息，我该用id,class,name还是其它？_html/css_WEB-ITnose
举个例子，一个web商场的用户购物车里有50项道具，每个道具是一个div，需要把道具id作为一个重要的自定义信息添加到每个div元素的属性里（以方便jquery随时捕捉），比如这个属性的值是item-123456，那么我应该把id,class还是name定义为item-123456？还是有别的更好的办法？
补充1：不会为同一个元素添加超过1条类似的自定义信息，因为所谓自定义信息，主要就是web应用中某个概念的id
补充2：假定可能出现两个id相同的道具分开作为2个商品的情况，而不是堆叠起来用1个div显示
1.如果用id，会导致有重复id；而且，id只能有一个，在一些实际例子中可能会需要对已存在id的元素添加这条自定义信息，就没办法添加了
2.如果用class，道具div本身可能就存在数个class属性，如‘item’,'selected'等等，如果再加入‘item-123456’，似乎目前的js+jquery并不方便获取道具的id值（即123456）
3.如果用name，不清楚是否安全稳定，总感觉name是input专享属性
4.或者有其它更好的解决办法
求各位大神指教，感谢！
回复讨论(解决方案)
用属性、data-
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="item_1" itemId="item-123456"></div> <script> // 给标签设置自定义属性 // 参考 JavaScript权威指南_122_第15章_脚本化文档_15.4-属性-获取和设置非标准HTML属性 // http://blog.csdn.net/wuqinfei_cs/article/details/46753659 var item_1 = document.getElementById( "item_1" ); console.info( item_1.getAttribute( "itemId" ) ); </script> <div id="item_2" data-item-id="item-123456"></div> <script> // HTML5 的 data-* 自定义属性 // 参考 JavaScript权威指南_123_第15章_脚本化文档_15.4-属性-数据集属性 // http://blog.csdn.net/wuqinfei_cs/article/details/46753693 var item_2 = document.getElementById( "item_2" ); console.info( item_2.dataset.itemId ); </script></body></html>
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
Python中的class类和method方法的使用方法
Apr 21, 2023 pm 02:28 PM
类和方法的概念和实例类(Class)：用来描述具有相同的属性和方法的对象的集合。它定义了该集合中每个对象所共有的属性和方法。对象是类的实例。方法：类中定义的函数。类的构造方法__init__()：类有一个名为init()的特殊方法（构造方法），该方法在类实例化时会自动调用。实例变量：在类的声明中，属性是用变量来表示的，这种变量就称为实例变量，实例变量就是一个用self修饰的变量。实例化：创建一个类的实例，类的具体对象。继承：即一个派生类（derivedclass）继承基类（baseclass）的
使用jQuery替换元素的class名称
Feb 24, 2024 pm 11:03 PM
jQuery是一种经典的JavaScript库，被广泛应用于网页开发中，它简化了在网页上处理事件、操作DOM元素和执行动画等操作。在使用jQuery时，经常会遇到需要替换元素的class名的情况，本文将介绍一些实用的方法，以及具体的代码示例。1.使用removeClass()和addClass()方法jQuery提供了removeClass()方法用于删除
python中class是什么意思
May 21, 2019 pm 05:10 PM
class是python中的一个关键字，用来定义一个类，定义类的方法：class后面加一个空格然后加类名；类名规则：首字母大写，如果多个单词用驼峰命名法，如【class Dog()】。
SpringBoot怎么通过自定义classloader加密保护class文件
May 11, 2023 pm 09:07 PM
背景最近针对公司框架进行关键业务代码进行加密处理，防止通过jd-gui等反编译工具能够轻松还原工程代码，相关混淆方案配置使用比较复杂且针对springboot项目问题较多，所以针对class文件加密再通过自定义的classloder进行解密加载，此方案并不是绝对安全，只是加大反编译的困难程度，防君子不防小人，整体加密保护流程图如下图所示maven插件加密使用自定义maven插件对编译后指定的class文件进行加密，加密后的class文件拷贝到指定路径，这里是保存到resource/corecla
PHP Class用法详解：让你的代码更清晰易读
Mar 10, 2024 pm 12:03 PM
在编写PHP代码时，使用类（Class）是一个非常常见的做法。通过使用类，我们可以将相关的功能和数据封装在一个单独的单元中，使代码更加清晰、易读和易维护。本文将详细介绍PHPClass的用法，并提供具体的代码示例，帮助读者更好地理解如何在实际项目中应用类来优化代码。1.创建和使用类在PHP中，可以使用关键字class来定义一个类，并在类中定义属性和方法。
Vue报错：无法正确使用v-bind绑定class和style，怎样解决？
Aug 26, 2023 pm 10:58 PM
Vue报错：无法正确使用v-bind绑定class和style，怎样解决？在Vue开发中，我们经常会用到v-bind指令来动态绑定class和style，但是有时候我们可能会遇到一些问题，如无法正确使用v-bind绑定class和style。在本篇文章中，我将为你解释这个问题的原因，并提供解决方案。首先，让我们先了解一下v-bind指令。v-bind用于将V
java的预定义Class对象的方法
Jul 01, 2023 pm 06:41 PM
基本的Java类型(boolean、byte、char、short、int、long、float和double)和关键字void通过class属性也表示为Class对象；Class类中booleanisPrimitive():判定指定的Class对象是否表示一个基本类型。包装类和Void类的静态TYPE字段；Integer.TYPE==int.class;Integer.class==int.class;数组类型的Class实例对象：Classclz=String[].class;数组的Clas
jquery怎么判断元素是否有class
Mar 21, 2023 am 10:47 AM
jquery判断元素是否有class的方法：1、通过“hasClass('classname')”方法判断元素是否具有某个class；2、通过“is('.classname')”方法判断元素是否具有某个class。
