Jquery Clone элемент Стиль

Question

Я пытаюсь клонировать определенный фрагмент DIV style="background-color:<?php echo $mg ?>;"

Так что я хочу, чтобы это произошло, когда я нажимаю на определенную кнопку он клонирует только часть стиля дел.

На данный момент я получаю эту ошибку 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>

Answer 2

Вы можете просто использовать Jquery: .attr() функцию получить конкретный атрибут.

Например:

$('div').attr('style') 

Проверить this JSFiddle, чтобы увидеть живой пример

EDIT:

Чтобы использовать это для вашего клона, вы могли бы сделать что-то вроде этого:

$(this).clone().attr('style', $(this).attr('style')).appendTo('#the-grid'); 

См. this JSFiddle для живого примера.

Answer 3

Ответ на ваш комментарий здесь, я думаю, что я проглядел, что вам нужно точно.

http://jsbin.com/gezafilado/edit?html,output

клон (правда) будет копировать атрибут стиля, а также все другой реквизит узла.

Вы делаете неверный шаг в коде - .attr («стиль») возвращает строку , а не элемент. И я думаю, вы хотите добавить клонированный узел в сетку.

так, вместо того, чтобы:

$(this).attr('style').clone(true, true).appendTo('#the-grid'); 

вам это нужно:

$(this).clone(true).appendTo('#the-grid').attr("style", "Your new styles here"); 

или если вы хотите объединить стили из оригинального объекта с новыми:

var $elem = $(this).clone(true).appendTo('#the-grid'); 
var style = $elem.attr("style") + "Your new styles here"; 
$elem.attr("style", style); 

Надежда это помогает, и я получил дело.