1

这必须很简单：如何获取输入的值并将其作为类添加到同一输入中？即，我想获取gray并添加class="gray"到封闭标签的值，以便我可以对标有“灰色”的标签文本设置 CSS 样式。

这是标记：

<li>
<label>
<input type="radio" id="acf-field" name="acf[field_5af32dbd01019]" value="gray"/>Gray
</label>
</li>

<li>
<label>
<input type="radio" id="acf-field" name="acf[field_5af32dbd01019]" value="green"/>Green
</label>
</li>
<li>

使用

$("li label").each(function() {
var $link = $(this).find("input").val();

获取每个值的值；但我如何.addClass对每个封闭标签，即<label class="gray">

从下面的答案中，这会将类添加到父标签：https ://jsfiddle.net/j08691/qnzpahrq/

$("li input").each(function() {
      $(this).parent().addClass($(this).val());
})
4

1 回答 1

2

这会做到：

$("li input").each(function() {
      $(this).addClass($(this).val());
})


$("li input").each(function() {
      $(this).addClass($(this).val());
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <label>
<input type="radio" id="acf-field" name="acf[field_5af32dbd01019]" value="gray"/>Gray
</label>
  </li>

  <li>
    <label>
<input type="radio" id="acf-field1" name="acf[field_5af32dbd01019]" value="green"/>Green
</label>
  </li>
</ul>

于 2018-05-09T22:01:41.087 回答