时间戳

首页 > 解决方案 > 将每个输入附加到壁橱表单中，对我不起作用

jquery - 将每个输入附加到壁橱表单中，对我不起作用

问题描述

我无法让这个工作，试图将每个输入附加到壁橱表单

示例 html

在这里设置一个小提琴https://jsfiddle.net/5fp9jpmk/

任何帮助表示赞赏

 <form>
<ol type="a">
<li><input type="radio" name="ACTION" value="accept"> Yes</li>
<li><input type="radio" name="ACTION" value="counter_proposal"> No</li>
<li><input type="radio" name="ACTION" value="reject"> Reject</li>
</ol>
</form>
<input type="submit" value="Respond To Trade Offer" id="trade_button1">

<form>
<ol type="a">
<li><input type="radio" name="ACTION" value="accept"> Yes</li>
<li><input type="radio" name="ACTION" value="counter_proposal"> No</li>
<li><input type="radio" name="ACTION" value="reject"> Reject</li>
</ol>
</form>
<input type="submit" value="Respond To Trade Offer" id="trade_button2">

<form>
<ol type="a">
<li><input type="radio" name="ACTION" value="accept"> Yes</li>
<li><input type="radio" name="ACTION" value="counter_proposal"> No</li>
<li><input type="radio" name="ACTION" value="reject"> Reject</li>
</ol>
</form>
<input type="submit" value="Respond To Trade Offer" id="trade_button3">

<form>
<ol type="a">
<li><input type="radio" name="ACTION" value="accept"> Yes</li>
<li><input type="radio" name="ACTION" value="counter_proposal"> No</li>
<li><input type="radio" name="ACTION" value="reject"> Reject</li>
</ol>
</form>
<input type="submit" value="Respond To Trade Offer" id="trade_button4">

试过这个

jQuery("input[type='submit']").each(function () {
  $(this).closest('form').append(this);
});

标签： jquery

解决方案

是的，@Taplar 是对的，我认为您正在寻找的是prev()

jQuery("input[type='submit']").each(function () {
  $(this).prev().append(this);
});

只要 html 层次结构保持不变，请记住这项工作。Prev 只是搜索前一个 html 节点，在这种情况下它是一个表单。这里有一个奇怪的问题，为什么提交按钮首先不是表单的一部分:)？

推荐阅读