如何通過選擇3個div並雙擊以使用jQuery在第三個div上更改顏色來更改動態創建的div上的顏色？

Question

我在用jQuery編碼。 我需要雙擊jquery的幫助。 div是動態創建的，問題是我找不到如何選擇2或3個動態創建的div並雙擊第三個div來更改顏色的地方。 總共所有3個選定的div都應更改顏色。

希望有人可以幫助我解決這個問題:)

HTML

<body>
<div>
    <label>
        <input id="numberOfDivs" type="number">
    </label>
    <input id="createBtn" type="button" value="Generate">
</div>

<div id="divWrapper"></div>

<script src="script/jquery-3.2.0.min.js" type="text/javascript"></script>
<script src="js/Script.js"  type="text/javascript"></script>

jQuery的

$("#createBtn").click(function(){
var counter = 1;
var values = $("#numberOfDivs").val();
for(i = 0; i < values ; i++){
    var $div = $("<div>"  + counter +  "</div>")
        .css({"width": "50px", "height": "50px","background-color": "red", "margin": "5px", "float": "left"
    })
      .attr({
        class: "dClones"

    $("#divWrapper").append($div);
    counter++;
}

$(".dClones").bind("dblclick", function(){
   $(this).css({"background": "purple"})
});
});

Answer 1

這是切換類和取消切換的示例。

$('body').on('dblclick','.dClones', function() {
  var me = this;
  if (!$(me).hasClass('css-double')) {
    $(me).addClass('css-double');
  } else {
    $(me).removeClass('css-double');
  }
});

您只需使用一次.on即可對所有動態和靜態放置的.dClones使用。

.css可以替代cLass，但是您必須知道要添加和恢復為哪種樣式。

如何通過選擇3個div並雙擊以使用jQuery在第三個div上更改顏色來更改動態創建的div上的顏色？

問題描述

1 個解決方案

解決方案1
0 已采納 2017-04-16 02:23:58

如何通過選擇3個div並雙擊以使用jQuery在第三個div上更改顏色來更改動態創建的div上的顏色？

問題描述

1 個解決方案

解決方案1 0 已采納 2017-04-16 02:23:58

解決方案1
0 已采納 2017-04-16 02:23:58