Javascript 将选项值设置为选项类/ID jQuery

我想在下拉列表中将选项值设置为选项id或类。我有一个下拉列表

<select id="test">
<option value="tes1">Tes1</option>
<option value="tes2">Tes2</option>
<option value="tes3">Tes3</option>
</select>

Tes1
Tes2
Tes3

我想做这样的下拉列表

<select id="test">
    <option value="tes1" id="tes1">Tes1</option>
    <option value="tes2" id="tes2">Tes2</option>
    <option value="tes3" id="tes3">Tes3</option>
    </select>

Tes1
Tes2
Tes3

---

我正在尝试将选项的值设置为ID/Class。

您可以使用juery中的

.attr（）

设置属性

$（'option'）。每个（函数（）{
$（this.attr（'id'，$（this.val（））
$（this.attr（'class'，$（this.val（））
})

Tes1
Tes2
Tes3

您可以在juery中使用

.attr（）

设置属性

$（'option'）。每个（函数（）{
$（this.attr（'id'，$（this.val（））
$（this.attr（'class'，$（this.val（））
})

Tes1
Tes2
Tes3

检查以下内容：

$（“#测试>选项”）。每个（函数（）{
$（this.attr（'id'，this.text.toLowerCase（））；
});

Tes1
Tes2
Tes3
检查以下内容：


$（“#测试>选项”）。每个（函数（）{
$（this.attr（'id'，this.text.toLowerCase（））；
});

Tes1
Tes2
Tes3
您可以使用jQuery的方法来完成。
$（“#测试选项”）。每个（函数（）{
$（this.prop（“id”，$（this.val（））；
});

Tes1
Tes2
Tes3
您可以使用jQuery的方法来完成。
$（“#测试选项”）。每个（函数（）{
$（this.prop（“id”，$（this.val（））；
});

Tes1
Tes2
Tes3
您为什么要这样做？（>）基于稍后的id，我想更改下拉列表的顺序。为什么要这样做？（>）基于稍后的id，我想更改下拉列表的顺序，这是一种非常“昂贵”的方法：
$（“选项”）.each（function（）{this.id=this.value；this.className=this.value；}）
这是一种非常“昂贵”的方法：
$（“选项”）.each（function（））{this.id=this.value；this.className=this.value；}）