Question

我在一个页面上有三个相同的表单，其中有三个相同的按钮。我想移动这个按钮（用于创建每个表单的另一个设计）。问题是当使用＆＃34; detach（）＆＃34;然后＆＃34; insertAfter（）＆＃34; - 我在每种形式都有三个按钮。但我只需要一个表格中的一个按钮。

有我的HTML：

<form action="">
<p>
    <input type="text" class="text">
</p>
<p>
    <input type="checkbox"> unsubscribe
</p>
<div class="button">
    <input type="submit">   
</div>

还有我的jquery：

var btn = $( '.button' );
btn.each(function(){    
  $( this ).detach();
  $( this ).insertAfter($( 'input[type="email"]' ));
});

我拥有的东西：

<form action="">
<p>
    <input type="text" class="text">
    <div class="button">
        <input type="submit" />     
    </div>
    <div class="button">
        <input type="submit" />     
    </div>
    <div class="button">
        <input type="submit" />     
    </div>
</p>
<p>
    <input type="checkbox"> unsubscribe
</p>

此处为结果 jsfiddle

它不起作用。我可能错了......

分离耦合相同的元素并仅插入一个元素

0 个答案: