为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脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++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）的
python中class是什麼意思
May 21, 2019 pm 05:10 PM
class是python中的一個關鍵字，用來定義一個類，定義類別的方法：class後面加一個空格然後加類名；類名規則：首字母大寫，如果多個單字用駝峰命名法，如【class Dog()】。
使用jQuery替換元素的class名稱
Feb 24, 2024 pm 11:03 PM
jQuery是一種經典的JavaScript庫，被廣泛應用於網頁開發中，它簡化了在網頁上處理事件、操作DOM元素和執行動畫等操作。在使用jQuery時，常會遇到需要取代元素的class名稱的情況，本文將介紹一些實用的方法，以及具體的程式碼範例。 1.使用removeClass()和addClass()方法jQuery提供了removeClass()方法來刪除
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
jquery怎麼判斷元素是否有class
Mar 21, 2023 am 10:47 AM
jquery判斷元素是否有class的方法：1、透過「hasClass('classname')」方法判斷元素是否具有某個class；2、透過「is('.classname')」方法判斷元素是否具有某個class。
![解決'[Vue warn]: v-bind:class/ :class”錯誤的方法](https://img.php.cn/upload/article/000/465/014/169300902772563.jpg?x-oss-process=image/resize,m_fill,h_207,w_330)
解決'[Vue warn]: v-bind:class/ :class”錯誤的方法
Aug 26, 2023 am 08:17 AM
解決「[Vuewarn]:v-bind:class/:class」錯誤的方法在使用Vue開發過程中，我們常常會遇到一些錯誤提示，其中一個常見的錯誤就是「[Vuewarn]:v-bind:class /:class”錯誤。這個錯誤提示通常出現在我們使用v-bind:class或:class屬性時，表示Vue無法正確解析我們設定的class值。那麼，如
SpringBoot怎麼透過自訂classloader加密保護class文件
May 11, 2023 pm 09:07 PM
背景最近針對公司框架進行關鍵業務代碼進行加密處理，防止透過jd-gui等反編譯工具能夠輕鬆還原工程代碼，相關混淆方案配置使用比較複雜且針對springboot項目問題較多，所以針對class文件加密再通過自訂的classloder進行解密加載，此方案並不是絕對安全，只是加大反編譯的困難程度，防君子不防小人，整體加密保護流程圖如下圖所示maven插件加密使用自訂maven插件對編譯後指定的class檔案進行加密，加密後的class檔案拷貝到指定路徑，這裡是儲存到resource/corecla
