Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何应用jQuery CSS选择器_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何应用jQuery CSS选择器

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>

我正在尝试对从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>');
}
下面给出了完整的代码

$("#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>');
    }       
});