Duplicating an image selection

Question

Duplicating an image selection

Navigation

#1 by (2 votes)

-2

I need to create more than one pointer as the same image that is in the css how do I do this?

ponteiro = document.querySelector("#ponteiro");

#ponteiro{
	background-image: url("../img/ponteiro.png");
}

<div id="ponteiro"></div>

javascript

asked by anonymous 10.12.2017 / 23:23

1 answer

Sending only id Error executing: Expected BEGIN_ARRAY but was STRING at line 1 column 1 path $

score 2 · Accepted Answer

You can clone your div, however this would duplicate the id (which is not recommended). So using the class attribute you can select the original div and clone the element, if you need to assign an id to the new element I can add that to the response.

$(document).ready(function(){
  var ponteiro =  $(".ponteiro:first");
  $("#btnClone").on('click', function(){
      $('body').append($(ponteiro).clone(true));
  });
});

.ponteiro{
  position:relative;
	background-image: url("../img/ponteiro.png");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><inputtype="button" id="btnClone" value="clonar" />
<div class="ponteiro">texto para visualização do exemplo</div>