Javascript 如何应用jQuery CSS选择器
我正在尝试对从javaScript循环动态创建的div应用jquery选择器 Div是通过为每个Div分配for循环类而创建的Javascript 如何应用jQuery CSS选择器,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试对从javaScript循环动态创建的div应用jquery选择器 Div是通过为每个Div分配for循环类而创建的 minus = textbox1 - textbox2; var count = 0; var a; for (x = textbox1; x >= minus; x--) { a = count++; $('body').append('<div class="drag' + a + '" >' + x + '</div>
minus = textbox1 - textbox2;
var count = 0;
var a;
for (x = textbox1; x >= minus; x--) {
a = count++;
$('body').append('<div class="drag' + a + '" >' + x + '</div>');
}
下面给出了完整的代码
$("#submitBtn").click(function(){
var x;
var minus;
var textbox1= new Number($("#value1").val());
var textbox2= new Number($("#value2").val());
var colors = ["#42ae18","#eabc00","#147cc4","#FF6EB4","#ed4329","#8d33aa","#00b971","#e9681b","#a2b3d4","#0b863c","#eabc00","#7027a5","#c83131","#00a1de","#0bc1b6","#FF6EB4","#10a0b6","#FF6EB4","#eedfd3","#362819","#FFD700"];
var i = 0;
$(".drag").each(function(){
$(this).css("color",colors[i]);
if(i == colors.length-1)
{
i = 0;
}
else
{
i++;
}
});
minus=textbox1-textbox2;
var count=0;
var a;
for(x=textbox1;x>=minus;x--){
a=count++;
$('body').append('<div class="drag'+a+'" >' +x+ '</div>');
}
});
$(“#submitBtn”)。单击(函数(){
var x;
减var;
var textbox1=新编号($(“#value1”).val();
var textbox2=新编号($(“#value2”).val();
“147cc4”、“ţ147cc4 4”、“3555555556EB44”、“FF6EB4 4”、“ed4329”、“ed4329”、“ed4329”、“ed4329”、“ed4329”、“8D333A”、“8333333A A A A”、、、“00b971”、“e9681b”抢抢抢抢抢注81B”、“EB3888888888888888888888888888888888888888888888B”、、、、、、、、、、、、、“抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢抢#10a0b6“,#FF6EB4“,#eedfd3“,#362819“,#FFD700”];
var i=0;
$(“.drag”).each(函数(){
$(this.css(“color”,colors[i]);
if(i==colors.length-1)
{
i=0;
}
其他的
{
i++;
}
});
减号=文本框1-文本框2;
var计数=0;
var a;
对于(x=textbox1;x>=负;x--){
a=计数++;
$('body')。追加(''+x+'');
}
});
您可以像下面这样使用
以下代码>var颜色=<代码>var颜色=<代码>var颜色=[以下以下代码>var颜色:以下代码>var颜色=[以下代码>var颜色=[以下代码>var颜色=[以下以下代码:42ae18“,,“埃埃埃塞18号”、“埃巴c0 0 0”、“埃巴c0 0 0 0 0.5”以及“亚巴C00 0 0 0 0 0”、“147cc4四四四四四四”、“,“FF6666EB4手手手四四四四四四四四四”、“,”,”,”以及,“ED6666666EB4手手手手手手手手手手手手四四四四四四四四四四四四四四四四四”、“”、“,”,”,”,”,”,”,”,”,”,”,”,”,”,”,”,”,”ED666666666666666666666EB4,“ED6EB6666EB4,“ED6EB4,““,”10a0b6“,”FF6EB4“,”eedfd3“,”362819“,”FFD700“;
var i=0;
$(“[class^=drag]”。每个(函数(){//在此处更改选择器
$(this.css(“color”,colors[i]);
if(i==colors.length-1){
i=0;
}
否则{
i++;
}
});代码>
!!!!!
!!!!!
!!!!!
!!!!!
!!!!!
!!!!!
!!!!!
!!!!!
!!!!!代码>
$("#submitBtn").click(function(){
var x;
var minus;
var textbox1= new Number($("#value1").val());
var textbox2= new Number($("#value2").val());
var colors = ["#42ae18","#eabc00","#147cc4","#FF6EB4","#ed4329","#8d33aa","#00b971","#e9681b","#a2b3d4","#0b863c","#eabc00","#7027a5","#c83131","#00a1de","#0bc1b6","#FF6EB4","#10a0b6","#FF6EB4","#eedfd3","#362819","#FFD700"];
var i = 0;
$(".drag").each(function(){
$(this).css("color",colors[i]);
if(i == colors.length-1)
{
i = 0;
}
else
{
i++;
}
});
minus=textbox1-textbox2;
var count=0;
var a;
for(x=textbox1;x>=minus;x--){
a=count++;
$('body').append('<div class="drag'+a+'" >' +x+ '</div>');
}
});