我在 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>
查询
$("#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"})
});
});
这是一个切换类和取消切换的示例。
$('body').on('dblclick','.dClones', function() {
var me = this;
if (!$(me).hasClass('css-double')) {
$(me).addClass('css-double');
} else {
$(me).removeClass('css-double');
}
});
您只需要使用 .on 一次,它就可以用于所有动态和静态放置的 .dClone。
cLass 的替代品是 .css,但您必须知道要添加和恢复的样式。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句