HTML - 如何将值分配给div标签，类似于选项标签

Question

我想给div标签一个隐藏值。这可以像使用选项标签一样完成吗？

HTML

        <select>
            <option value="bread">field 1</option>
            <option value="butter">field 2</option>
            <option value="milk">field 3</option>
        </select>

Answer 1

使用data-*属性（例如data-food）：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Answer 2

<div  id="dvTEST"> </div>

//使用JQuery Set值

$（“＃dvTEST”）。attr（“data-value”，“The Value”）

//使用Jquery GET值

var getValue = $（“＃dvTEST”）。attr（“data-value”）

THX