Question

这必须简单：如何获取输入的值并将其作为类添加到同一输入？即，我希望得到gray的值并将class="gray"添加到封闭标签中，这样我就可以将CSS样式标记为＆＃34; Gray＆＃34;。

这是标记：

<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());
})

Answer 1

这样就可以了：

$("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>

jQuery：获取输入的值并将其作为类添加到封闭标签中？

1 个答案: