javascript - Jquery 克隆元素样式

Question

我正在尝试克隆 div 的特定部分 style="background-color:<?php echo $mg ?>;"

所以我想要发生的是当我点击一个特定的按钮时它只克隆 div 的样式部分。

目前我收到此错误 Uncaught TypeError: $(...).attr(...).clone is not a function

这是我目前拥有的示例:

$(function() {
  $(".mapei-grout-color").click(function() {
    $(this).attr('style').clone(true, true).appendTo('#the-grid');
    var $this = $(".grout-tab");
    if ($this.hasClass("clicked-once")) {
      $this.removeClass("clicked-once");
      $(".mapei").slideUp();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Answer 1

如果我正确理解你的问题，当你点击一个按钮时，它会采用该按钮的样式并将其克隆到另一个按钮。

$('#style').on('click',function(){
     document.getElementById('clone').setAttribute('style',this.getAttribute('style'));

}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button style="background-color:blue" id="style">Click Here</button>
<button  id="clone">Clone</button>