Question

当（不推荐）是Label的一部分时，我试图将标签颜色更改为RED。有没有办法从Label中找到文本并更改它的颜色。我不想为所有人使用课程并改变它们。

<html>
 <head> 
  <title> Label Color Change </title>
 </head>
 <body>
    <table>
      <tr>
        <td>
          <label for="imgDisplay">Do you want to Display Image:<br>(Not Recommended)</label>
        </td>
        <td>
          <input id="imgUrl" name="imgUrl" type="checkbox" checked=False>
        </td>
      </tr>
      <tr>
        <td>
          <label for="linkInsert"> Add a Link on the top :</label>
        </td>
        <td>
          <input for="chckLink" name="chckLink" type="checkbox">
        </td>
      </tr>
      <tr>
        <td>
          <label for="userDetails"> Wish to take User Details :</label>
        </td>
        <td>
          <input for="userDetail" name="userDetail" type="checkbox">
        </td>
      </tr>
    </table>
  </body>
</html>

感谢您的时间。

Answer 1

试试这个：

Find fiddle Here

JS（使用jQuery）

$(document).ready(function () {
   $("label:contains(Not Recommended)").css("color", "red");
});

Answer 2

您可以使用该功能：

window.find(text)

您的文字将在哪里（不推荐）＆＃39;在你的情况下

根据浏览器支持，此功能适用于chrome，firefox和safari。

对于IE，您需要使用TextRange对象的findText方法来实现类似的功能

Answer 3

最简单的方法是，可以在任何浏览器上运行并且不依赖于任何库，它是遍历页面上的所有标签，查找其中的文本，并将它们涂成红色。

var labels = document.getElementsByTagName('label');
for (i = 0; i < labels.length; i++) {
    if (labels[i].innerHTML.indexOf('Not Recommended') !== -1) {
        labels[i].style.color = 'red';
    }
}

<强> Example

虽然使用课程是正确的行动方案。这些标签有一些共同点，不建议使用。事实上，可以看到更好的行动方案 in this example ，其中不推荐使用CSS自行添加。

在Label中查找并更改文本的颜色

3 个答案:

Find fiddle Here