Question

我想知道如何复制div的值（例如，第一个），并通过鼠标点击事件将其粘贴到第二个div。

工作流：

点击第一个div（复制值1）
如果我再次点击，它将变为2，如果我再次点击，它将变为3，依此类推。

我很期待看到你的回复。

确定

复制到这里：

                  <li class="active">
                    <a href="#"  on-click="chip_amnt">
                      <img src="chip.jpg" alt="">
                      <span>250</span>
                    </a>
                  </li>

                  <li class="active">
                    <a href="#"  on-click="chip_amnt">
                      <img src="{{image_url}}" alt="">
                      <span>500/span>
                    </a>
                  </li>

                  <li class="active">
                    <a href="#"  on-click="chip_amnt">
                      <img src="{{image_url}}" alt="">
                      <span>100</span>
                    </a>
                  </li>

到这里：

            <li class="">
                  Player Pair
                </li>
                <li class="">
                  Tie
                </li>
                <li class="">
                  Banker Pair
                </li>
                <li class="">
                  Player
                </li>
                <li class="">
                  Banker
                </li>

Answer 1

<强> 1。在每个div上给出一个id以便于使用

const div1 = document.getElementById('div1');
const div2 = document.getElementById('div2');

<强> 2。选择

div1.addEventListener('click', function(e){
  div2.innerHTML = e.target.innerHTML;
});

第3。 addEventListner

{{1}}

示例： http://jsbin.com/zasagerafi/edit?html,js,console,output

Answer 2

你没有发布你的代码。这是我的假设，你期待这样。试试下面的一个：

＆＃13;

$(function(){
$('.firstdiv').on('click',function(){
$('#store').text($(this).text());
});

$('.seconddiv').on('click',function(){
if($(this).text()){
$(this).text(parseInt($(this).text())+1);
}
else{
$(this).text($('.firstdiv').text());
}
});
});

＆＃13;

div{
border:1px solid;
width:100px;
height:100px; 
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class='firstdiv'>1</div>
<div class='seconddiv'></div>
<textarea id='store' style='display:none;'></textarea>

＆＃13;

Answer 3

＆＃13;

div{border:1px solid;width:200px;height:200px; float:left;}
#d1{border-color:red;}
#d2{border-color:blue;}

＆＃13;

<div id="d1">
 1
</div>
<div id="d2">
</div>

＆＃13;

n=2

＆＃13;

Answer 4

var tmp=0;

function chip_amnt(o){
  tmp = Number(o.innerText);
}

function chip_provide(o){
  var value = (Number(o.innerHTML) || 0) + (tmp || 0);
  
  value && (o.innerHTML = value);
  
}

<ul>
<li class="active">
  <a href="#" onclick="chip_amnt(this)">
    <img src="chip.jpg" alt="">
    <span>250</span>
  </a>
</li>

<li class="active">
  <a href="#" onclick="chip_amnt(this)">
    <img src="{{image_url}}" alt="">
    <span>500</span>
  </a>
 </li>
<li class="active">
  <a href="#"  onclick="chip_amnt(this)">
   <img src="{{image_url}}" alt="">
   <span>100</span>
  </a>
</li>
</ul>
to here:
<ul>
<li class="" onclick="chip_provide(this)">
  Player Pair
</li>
<li class=""  onclick="chip_provide(this)">
  Tie
</li>
<li class=""  onclick="chip_provide(this)">
  Banker Pair
</li>
<li class=""  onclick="chip_provide(this)">
  Player
</li>
<li class=""  onclick="chip_provide(this)">
  Banker
</li>
</ul>

复制div的值并将其放入另一个div

4 个答案: