Fatal编程技术网
  • javascript/
  • Javascript 如何通过选择3个div并双击使用jquery更改第三个div的颜色来更改数字创建div的颜色？

Javascript 如何通过选择3个div并双击使用jquery更改第三个div的颜色来更改数字创建div的颜色？

javascript jquery html

Javascript 如何通过选择3个div并双击使用jquery更改第三个div的颜色来更改数字创建div的颜色？,javascript,jquery,html,Javascript,Jquery,Html,我正在用jquery编写代码。我需要在jquery中双击的帮助。 div是动态创建的，问题是我在任何地方都找不到如何选择2或3个动态创建的div并双击第三个div来更改颜色。总共，所有3个选定的div都应更改颜色 希望有人能帮我解决这个问题：） HTML <body> <div> <label> <input id="numberOfDivs" type="number"> </label> &l

我正在用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"})
});
});

$（“#createBtn”）。单击（函数（）{
var计数器=1；
var值=$（“#numberOfDivs”）.val（）；
对于（i=0；i
下面是一个切换类和不切换的示例

$('body').on('dblclick','.dClones', function() {
  var me = this;
  if (!$(me).hasClass('css-double')) {
    $(me).addClass('css-double');
  } else {
    $(me).removeClass('css-double');
  }
});
您只需使用.on一次，它就可以用于所有动态和静态放置的.dclone

类的替代品是.css，但您必须知道要添加和还原到什么样式。

共享一些相关代码刚刚发布了我的代码：）当我单击一些div时，他们已经改变了颜色，我再次双击div，但这次是在一个没有改变颜色的div上。因此，当我双击时，单击这些div时改变的颜色应该是改变它们的颜色。有可能做到这一点吗？你一次只想改变一个颜色吗？如果一个div改变了颜色通过双击，您希望双击下一个（无颜色）成为唯一一个有新颜色的人？对不起，我的英语不好：）。假设我已经生成了12个div，并且在12个div中单击了3个div。当我双击一个div时，我还没有单击它。应该让所有3个单击的div都改变颜色，而另一个双击。好的，你有两种你将选择div，然后双击以将所选div标记为不同的颜色？是的。这正是我想要的。这是一种方法吗？