Question

尝试为此获取正确语法所花费的时间。我想找到一个标签与变量'mytext'匹配的复选框，然后将该复选框标签设置为红色。我似乎尝试了find()和text()的所有组合，但没有任何效果。请帮忙。 https://jsfiddle.net/n4f50j3m/

<div id="Both_containers">
<div id="Upper_container">
<label><input type="checkbox" value="PP1" />Iron ore</label>
<label><input type="checkbox" value="PP2" />Coal</label>
<label><input type="checkbox" value="PP3" />Flux</label>
</div>
</div>

var mytext = "Coal";
$('#Both_containers div label').find(mytext).text().addClass('make_red');

.make_red{
 color: red;
}

Answer 1

这里的朋友是:contains()。

尝试

$('#Both_containers div label:contains(' + mytext + ')').addClass('make_red');

<强>演示

var mytext = "Coal";
$('#Both_containers div label:contains(' + mytext + ')').addClass('make_red');

.make_red {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Both_containers">
  <div id="Upper_container">
    <label><input type="checkbox" value="PP1" />Iron ore</label>
    <label><input type="checkbox" value="PP2" />Coal</label>
    <label><input type="checkbox" value="PP3" />Flux</label>
  </div>
</div>

将变量与复选框标签匹配

1 个答案: