Jquery 更改下拉列表中的部分文本

我的下拉列表如下所示：

<select class="dropit">
<option value="1">1</option>
<option value="1.25">1.25</option>
<option value="1.5">1.5</option>
<option value="1.75">1.75</option>
<option value="2">2</option>
<option value="2.25">2</option>
<option value="2.5">2</option>

我正在努力实现的目标：

<select class="dropit">
<option value="1">1</option>
<option value="1.25">1 1/4</option>
<option value="1.5">1 1/2</option>
<option value="1.75">1 3/4</option>
<option value="2">2</option>
<option value="2 1/4">2</option>
<option value="2 1/2">2</option>

1.
1 1/4
1 1/2
1 3/4
2.
2.
2.

但我想使用HTML分数： ¼为1/4 ½为1/2 ¾对于3/4

所以我最后的下拉列表是：

1¼（以HTML分数表示） 1½

等等

任何帮助都将不胜感激

谢谢大家!

试试下面的代码

var text=$("select option:contains('.25')").text()
text=text.substr(0,text.indexOf('.'));
$("select option:contains('.25')").html(text+"¼")

HTML分数是HTML标记而不是文本，因此要呈现HTML标记，必须使用HTML（）而不是text（）。

尝试以下代码

var text=$("select option:contains('.25')").text()
text=text.substr(0,text.indexOf('.'));
$("select option:contains('.25')").html(text+"¼")

---

HTML分数是HTML标记而不是文本，因此要呈现HTML标记，必须使用HTML（）而不是text（）。

½

是一个HTML实体，因此需要将其解释为HTML才能正确呈现。这是我的方法，它应该适用于所有当前/未来的值，假设它们遵循

…1,1.25,1.5,1.75,2…

模式。

$（“选择选项”）。每个（函数（）{
$this=$（this）；
开关（$this.val（）%1）{
案例25：
$this.html（Math.floor（$this.val（））+“¼；”；
打破
案例5：
$this.html（Math.floor（$this.val（））+“½；”；
打破
案例75：
$this.html（Math.floor（$this.val（））+“¾；”；
打破
}
})

1.
1.25
1.5
1.75
2.
2.
2.

½

是一个HTML实体，因此需要将其解释为HTML才能正确呈现。这是我的方法，它应该适用于所有当前/未来的值，假设它们遵循

…1,1.25,1.5,1.75,2…

模式。

$（“选择选项”）。每个（函数（）{
$this=$（this）；
开关（$this.val（）%1）{
案例25：
$this.html（Math.floor（$this.val（））+“¼；”；
打破
案例5：
$this.html（Math.floor（$this.val（））+“½；”；
打破
案例75：
$this.html（Math.floor（$this.val（））+“¾；”；
打破
}
})

1.
1.25
1.5
1.75
2.
2.
2.

啊，明白了。一旦分解为html，然后将它们连接在一起。谢谢啊，明白了。一旦分解为html，然后将它们连接在一起。谢谢