Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
使用JQUERY更改第一个子级的类_Jquery_Bootstrap 4_Css Selectors_Attr - Fatal编程技术网

使用JQUERY更改第一个子级的类

使用JQUERY更改第一个子级的类,jquery,bootstrap-4,css-selectors,attr,Jquery,Bootstrap 4,Css Selectors,Attr,有一个引导转盘滑块,我想先指定#slide item class=active来启动转盘工作,因为这无法实现 function previewImages() { var $preview = $('#preview').empty(); if (this.files) $.each(this.files, readAndPreview); function readAndPreview(i, file) { if (!/\.(jpe?g|png|gif)$/i.test(file

有一个引导转盘滑块,我想先指定#slide item class=active来启动转盘工作,因为这无法实现

function previewImages() {

var $preview = $('#preview').empty();
if (this.files) $.each(this.files, readAndPreview);

function readAndPreview(i, file) {

    if (!/\.(jpe?g|png|gif)$/i.test(file.name)) {
        return alert(file.name + " is not an image");
    } // else...

    var reader = new FileReader();

    $(reader).on("load", function () {
        $preview.prepend('<div class="carousel-item" id="slide-item"><img class="d-block photo-preview" src="' + this.result + '"/></div>');
    });
    reader.readAsDataURL(file);

}

$("#preview #slide-item:first-child").attr('id', 'carousel-item active');
函数预览图像(){
var$preview=$('#preview').empty();
if(this.files)$.each(this.files,readAndPreview);
函数readAndPreview(i,文件){
if(!/\(jpe?g | png | gif)$/i.test(file.name)){
返回警报(file.name+“不是图像”);
}//否则。。。
var reader=new FileReader();
$(读卡器).on(“加载”,函数(){
$preview.prepend(“”);
});
reader.readAsDataURL(文件);
}
$(“#预览#幻灯片项目:第一个子项”).attr('id','carousel item active');
}


请帮助:)

第一个猜测是将最后一行更改为:
$(“#预览#幻灯片项目:第一个孩子”).addClass('carousel-item active')否。除了将类分配到
active
之外,您不需要做更多的工作吗。或者你的选择器错了。将类名分配给
id
属性肯定不是一个好办法。也许您可以创建两个s-一个显示“旋转木马”工作,另一个显示您希望它如何使用此代码工作。如果类是一个引导组件,那么它不太可能只是一个添加类的例子。