<p id="bcqi4"></p>
<rp id="bcqi4"><legend id="bcqi4"></legend></rp>
<abbr id="bcqi4"><legend id="bcqi4"><div id="bcqi4"></div></legend></abbr>

<blockquote id="bcqi4"><video id="bcqi4"><object id="bcqi4"></object></video></blockquote>

<abbr id="bcqi4"><input id="bcqi4"></input></abbr>
  •         <\/div>    

    国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

    Table of Contents
    Reply to discussion (solution)
    Home Web Front-end HTML Tutorial To add important custom information to div elements, should I use id, class, name or others? _html/css_WEB-ITnose

    To add important custom information to div elements, should I use id, class, name or others? _html/css_WEB-ITnose

    Jun 24, 2016 am 11:39 AM
    class

    For example, there are 50 props in a user's shopping cart in a web mall. Each prop is a div. The prop id needs to be added to the attributes of each div element as an important custom information (to facilitate jquery captures at any time), for example, the value of this attribute is item-123456, then should I define the id, class or name as item-123456? Or is there a better way?
    Supplement 1: No more than one piece of similar custom information will be added to the same element, because the so-called custom information is mainly the id of a certain concept in the web application
    Supplement 2: It is assumed that two ids may appear The same props are separated into two products instead of stacked and displayed in one div

    1. If ID is used, it will lead to duplicate IDs; moreover, there can only be one ID, in some practical examples You may need to add this custom information to an element with an existing ID, but there is no way to add it
    2. If you use class, the prop div itself may have several class attributes, such as 'item', 'selected' Wait, if you add 'item-123456', it seems that the current js jquery is not convenient to obtain the id value of the item (i.e. 123456)
    3. If you use name, I don’t know whether it is safe and stable. I always feel that name is input-specific. Enjoy attributes
    4. Or there are other better solutions

    Please give me some advice, thank you!


    Reply to discussion (solution)

    Use attributes, 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>        // 給標(biāo)簽設(shè)置自定義屬性        // 參考 JavaScript權(quán)威指南_122_第15章_腳本化文檔_15.4-屬性-獲取和設(shè)置非標(biāo)準(zhǔn)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權(quán)威指南_123_第15章_腳本化文檔_15.4-屬性-數(shù)據(jù)集屬性        // 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>

    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

    Hot AI Tools

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Clothoff.io

    Clothoff.io

    AI clothes remover

    Video Face Swap

    Video Face Swap

    Swap faces in any video effortlessly with our completely free AI face swap tool!

    Hot Tools

    Notepad++7.3.1

    Notepad++7.3.1

    Easy-to-use and free code editor

    SublimeText3 Chinese version

    SublimeText3 Chinese version

    Chinese version, very easy to use

    Zend Studio 13.0.1

    Zend Studio 13.0.1

    Powerful PHP integrated development environment

    Dreamweaver CS6

    Dreamweaver CS6

    Visual web development tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    How to use classes and methods in Python How to use classes and methods in Python Apr 21, 2023 pm 02:28 PM

    Concepts and instances of classes and methods Class (Class): used to describe a collection of objects with the same properties and methods. It defines the properties and methods common to every object in the collection. Objects are instances of classes. Method: Function defined in the class. Class construction method __init__(): The class has a special method (construction method) named init(), which is automatically called when the class is instantiated. Instance variables: In the declaration of a class, attributes are represented by variables. Such variables are called instance variables. An instance variable is a variable modified with self. Instantiation: Create an instance of a class, a specific object of the class. Inheritance: that is, a derived class (derivedclass) inherits the base class (baseclass)

    What does class mean in python? What does class mean in python? May 21, 2019 pm 05:10 PM

    Class is a keyword in Python, used to define a class. The method of defining a class: add a space after class and then add the class name; class name rules: capitalize the first letter. If there are multiple words, use camel case naming, such as [class Dog()].

    Replace the class name of an element using jQuery Replace the class name of an element using jQuery Feb 24, 2024 pm 11:03 PM

    jQuery is a classic JavaScript library that is widely used in web development. It simplifies operations such as handling events, manipulating DOM elements, and performing animations on web pages. When using jQuery, you often encounter situations where you need to replace the class name of an element. This article will introduce some practical methods and specific code examples. 1. Use the removeClass() and addClass() methods jQuery provides the removeClass() method for deletion

    Vue error: Unable to use v-bind to bind class and style correctly, how to solve it? Vue error: Unable to use v-bind to bind class and style correctly, how to solve it? Aug 26, 2023 pm 10:58 PM

    Vue error: Unable to use v-bind to bind class and style correctly, how to solve it? In Vue development, we often use the v-bind instruction to dynamically bind class and style, but sometimes we may encounter some problems, such as being unable to correctly use v-bind to bind class and style. In this article, I will explain the cause of this problem and provide you with a solution. First, let’s understand the v-bind directive. v-bind is used to bind V

    How to solve the '[Vue warn]: v-bind:class/ :class' error How to solve the '[Vue warn]: v-bind:class/ :class' error Aug 26, 2023 am 08:17 AM

    How to solve the "[Vuewarn]:v-bind:class/:class" error During the development process of using Vue, we often encounter some error prompts. One of the common errors is "[Vuewarn]:v-bind:class" /:class" error. This error message usually appears when we use v-bind:class or :class attribute, indicating that Vue cannot correctly parse the class value we set. Then, if

    Detailed explanation of PHP Class usage: Make your code clearer and easier to read Detailed explanation of PHP Class usage: Make your code clearer and easier to read Mar 10, 2024 pm 12:03 PM

    When writing PHP code, using classes is a very common practice. By using classes, we can encapsulate related functions and data in a single unit, making the code clearer, easier to read, and easier to maintain. This article will introduce the usage of PHPClass in detail and provide specific code examples to help readers better understand how to apply classes to optimize code in actual projects. 1. Create and use classes In PHP, you can use the keyword class to define a class and define properties and methods in the class.

    How to determine whether an element has a class in jquery How to determine whether an element has a class in jquery Mar 21, 2023 am 10:47 AM

    How jquery determines whether an element has a class: 1. Determine whether an element has a certain class through the "hasClass('classname')" method; 2. Determine whether an element has a certain class through the "is('.classname')" method.

    How to replace class name in jQuery? How to replace class name in jQuery? Feb 25, 2024 pm 11:09 PM

    How to use replace class name in jQuery? In front-end development, we often encounter situations where we need to dynamically modify the class name of an element. jQuery is a popular JavaScript library that provides a wealth of DOM manipulation methods, allowing developers to easily manipulate page elements. This article will introduce how to use jQuery to replace the class name of an element, and attach specific code examples. First, we need to introduce the jQuery library. If jQuery has been introduced into the project, you can

    See all articles