移动另一个div内的按钮

Question

我使用两个不同的插件用于两个按钮。我想在另一个按钮旁边移动一个按钮。看起来两个按钮分别位于两个独立的div中。那么如何将一个按钮移动到另一个按钮的div。

Answer 1

如果您为两个按钮div提供HTML结构，那将会更好。

这里我假设以下是两个按钮的HTML结构：

extension-pkg-whitelist

和

<div class="button1_div"><button>Retail Enquiry</button></div> // html code for button 1

正如你所看到的，我已经给了两个div了。

如果我的html结构与你的匹配，你可以为该特定页面添加以下jQuery代码：

<div class="button2_div"><button>For Product Enquiry</button></div> // html code for button 2

您还可以根据要添加按钮的位置使用jQuery(document).ready(function(){ // condition to check both the divs are exists or not if(jQuery('.button1_div').length > 0 && jQuery('.button2_div').length > 0){ firstButton = jQuery('.button1_div').html(); jQuery('.button2_div').append(firstButton); // this line will add button at the end of div. So your result will be "For Product Enquiry" and then "Retail Enquiry". jQuery('.button2_div').prepend(firstButton); // This lie will add button in beginning of div. So your result will be "Retail Enquiry" and then "For Product Enquiry" buttons. jQuery('.button1_div').html(''); // this line will remove <button> from first div, but it will keep empty div jQuery('.button1_div').remove(); // this line will remove the first div. } }); 或.insertAfter()个功能。

同样，如果您提供HTML结构，我们可以为您提供准确的答案。

如果您需要任何进一步的帮助，请与我们联系。

谢谢！