Question

我有联系表单7插件，为带有标签文本的输入广播生成以下html代码。我想让输入字段超出标签标签

<div class="radio">
  <label>
     <input name="radio-812" type="radio" value="nile" checked="" aria-invalid="false">nile
  </label>
</div>

我想要这样

<div class="radio">
  <input name="radio-812" type="radio" value="nile" checked="" aria-invalid="false">
  <label>nile<label>
</div>

我们可以在jQuery的帮助下完成吗？

Answer 1

您可以使用 prependTo() 将输入移到label之外，在label之前。我希望这会对你有所帮助：

＆＃13;

$('input[name="radio-812"]').prependTo('.radio');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="radio">
  <label>
    <input name="radio-812" type="radio" value="nile" checked="" aria-invalid="false">nile
  </label>
</div>

＆＃13;

Answer 2

<div class="radio">
    <input name="radio-812" type="radio" value="nile" checked="" aria-invalid="false">
    <label>nile</label>
</div>

修复结束括号时，您的代码正常工作。

Answer 3

你可以达到你想要的效果;

$(".radio").find("label").before($(".radio").find("input"));

但我不明白你为什么要这样做，标记似乎很好。

如何从标签（父）中取出输入标签（Child）

3 个答案: