Question

实际上我正在使用带jquery的bootstrap来切换div的内容。但我只是在交换内容时遇到某些问题。我只想使用replaceWith（）在按钮点击时切换div的内容。

     function replace(){
      $('#side').toggleClass('col-sm-2').toggleClass('col-sm-1');
      $('#rest').toggleClass('col-sm-10').toggleClass('col-sm-11');
         $( ".first" ).replaceWith( $( ".second" ) );
      }

Answer 1

我认为你应该使用jquery的show和hide方法而不是replacewith。 jquery的每个函数都有一定的局限性。

Answer 2

JQuery的replaceWith（）假设您希望从DOM中删除目标元素并将其替换为您指定的元素。

相反，根据您的描述，您希望将一个元素的“内容”替换为另一个元素或其内容。在任何一种情况下，我都会建议以下之一：

$('#targetElement').html( $( "#contentElement" ) );  //Replaces the content of of the target with the intended element.
$('#targetElement').html( $( "#contentElement" ).html() );  //Replaces the content of of the target with the content of the intended element.

我希望这有帮助！祝好运。

如何使用切换的replaceWith（）jquery函数

2 个答案: