jQuery সদৃশ DIV অন্য ডিআইভিতে

Question 1

অন্য একটি ডিআইভিতে একটি ডিআইভি অনুলিপি করা এবং আশা করা যায় যে এটি সম্ভব some আমি নিম্নলিখিত এইচটিএমএল আছে:

  <div class="container">
  <div class="button"></div>
  </div>

এবং তারপরে আমার পৃষ্ঠায় অন্য স্থানে আমার অন্য একটি ডিআইভি রয়েছে এবং আমি নীচের 'প্যাকেজ' বিভাগে 'বাটন' ডিভিটি অনুলিপি করতে চাই:

<div class="package">

Place 'button' div in here

</div>

Question 2

clone()উপাদানটির গভীর অনুলিপি পেতে আপনি এই পদ্ধতিটি ব্যবহার করতে চাইবেন :

$(function(){
  var $button = $('.button').clone();
  $('.package').html($button);
});

পূর্ণ ডেমো: http://jsfiddle.net/3rXjx/

থেকে jQuery এর ডক্স :

.ক্লোন () পদ্ধতিটি মিলিত উপাদানগুলির সেটের গভীর অনুলিপি সম্পাদন করে, এর অর্থ এটি মিলিত উপাদানগুলির পাশাপাশি তাদের সমস্ত বংশধর উপাদান এবং পাঠ্য নোডগুলি অনুলিপি করে। সন্নিবেশ পদ্ধতির কোনওটির সাথে একত্রে ব্যবহৃত হলে, .clone () কোনও পৃষ্ঠায় উপাদানগুলি নকল করার একটি সুবিধাজনক উপায়।

Question 3

ক্লোন এবং অ্যাপেন্ডটো ফাংশন ব্যবহার করে কোড অনুলিপি করুন:

এখানেও কাজ করছে উদাহরণস্বরূপ jsfiddle

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="copy"><a href="http://brightwaay.com">Here</a> </div>
<br/>
<div id="copied"></div>
<script type="text/javascript">
    $(function(){
        $('#copy').clone().appendTo('#copied');
    });
</script>
</body>
</html>

Question 4

আপনি আপনার ডিভিটি এভাবে অনুলিপি করতে পারেন

$(".package").html($(".button").html())

Question 5

এটি একটি ইভেন্টে রাখুন

$(function(){
    $('.package').click(function(){
       var content = $('.container').html();
       $(this).html(content);
    });
});

Question 6

$(document).ready(function(){  
    $("#btn_clone").click(function(){  
        $("#a_clone").clone().appendTo("#b_clone");  
    });  
});

.container{
    padding: 15px;
    border: 12px solid #23384E;
    background: #28BAA2;
    margin-top: 10px;
}

<!DOCTYPE html>  
<html>  
<head>  
<title>jQuery Clone Method</title> 
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 


</head>  
<body> 
<div class="container">
<p id="a_clone"><b> This is simple example of clone method.</b></p>  
<p id="b_clone"><b>Note:</b>Click The Below button Click Me</p>  
<button id="btn_clone">Click Me!</button>  
</div> 
</body>  
</html>

স্নিপেট প্রসারিত করুন

আরও বিশদ এবং ডেমো জন্য