如何使用jQuery使文本加粗

Question

我有这个输出。

<option value="18277">Dollar Max Hospice~Mx</option>
<option value="12979">Routine Adult Physical Exam Visit Limit</option>
<option value="12841">Is Reverse Sterilization Covered Out of Network?</option>
<option value="12918">MD CDH PPO Variables 2</option>
<option value="12917">DC CDH PPO Variables 2</option>
<option value="12833">Is Sterilization Covered No Network?</option>
<option value="12834">Is Sterilization Covered In Network</option>

我有一个搜索框和按钮，当我输入“$”时，我需要使列表框中的文本加粗。我需要遍历列表框的数据并将该文本设置为加粗。

- user957178

---

我只看到你在提问中使用了“我需要”的词语，没有看到你使用“这是我已经尝试过但是无法解决问题的代码”的词语。你应该明白，我们都有一些需求。但如果每个人都开始写关于自己需求的内容，StackOverflow就会变成一个垃圾站来表达需求，你不觉得吗？请注意，以上是我的翻译，不包含任何额外的解释或信息。 - Darin Dimitrov

你能解释一下“当我按下美元符号”是什么意思吗？用户输入了什么，当他按下美元符号键（shift-4）时，您将他输入的文本与此框中的文本进行匹配？这似乎是奇怪的行为... - Cory Kendall

谢谢CoryKendall，当我输入变量时，我需要循环遍历我的列表框文本，找到我需要加粗的变量项。谢谢。 - user957178

Answer 1

你可以使用jQuery来应用CSS：

font-weight:Bold;

所以只需要这样做：

$myElement.css("font-weight","Bold");

- Freesnöw

---

我需要如何对选择框进行for each循环？我的id是lstcode。 - user957178

$("#BUTTONID").click(function () { $("Option").css("Font-Weight","Bold") }); - Freesnöw

至少对我来说，只有当我将"Font-Weight","Bold"更改为"font-weight","bold"时才起作用。 - Dcortez

Answer 2

至少对我来说，在FF6上，它会在选择框中显示为普通字体，但如果你这样做：

实际列表本身将显示为粗体。

$('select option[value="18277"]').css({ 'font-weight': 'bold' });

- Bojangles

Answer 3

在 <select> 控件中，无法将单个 <option> 加粗。这很烦人，但事实就是如此。

- Niet the Dark Absol

---

抱歉提及一个旧问题，但是你不能像 option[value="foo"] { font-weight: bold } 这样做吗？我记得以前使用类设置字体重量，所以为什么不使用值选择器呢？ - Bojangles