Javascript 如何使用class“从多个div添加类”;abcd+;";到另一个具有“类”的分区;qwer&x2B;";

Javascript 如何使用class“从多个div添加类”;abcd+;";到另一个具有“类”的分区;qwer&x2B;";,javascript,jquery,Javascript,Jquery,如何将类为“abcd+n”的多个div中的类添加到类为“qwer+n”的另一个div中 例如: 链接1 链接2 链接3 ......... 和 答错了 点击 答错了 点击 正确回答 点击 ......... 通过查看单击的链接是否有类的同级,您可以找到要添加到链接中的适当类。请更正。如果不是,则类必须不正确。然后,您可以使用链接父级的第二个列表中的.index,指示第一个列表中要突出显示的元素: $('.ad_link')。在('click',function()上{ 让cc=$(this

如何将类为“abcd+n”的多个div中的类添加到类为“qwer+n”的另一个div中 例如:


链接1
链接2
链接3
.........
和
答错了
点击
答错了
点击
正确回答
点击
.........

通过查看单击的链接是否有
类的同级,您可以找到要添加到链接中的适当类。请更正
。如果不是,则类必须
不正确
。然后,您可以使用链接父级的第二个列表中的
.index
,指示第一个列表中要突出显示的元素:

$('.ad_link')。在('click',function()上{
让cc=$(this).sides('.correct')。长度?'correct':'correct';
让index=$(this.parent().index();
$('.firstlist').children().eq(index).addClass(cc);
});
。更正{颜色:绿色;}
.不正确{颜色:红色;}

链接1
链接2
链接3
答错了
点击
答错了
点击
正确回答
点击

通过查看单击的链接是否有
类的同级,您可以找到要添加到链接中的适当类。请更正
。如果不是,则类必须
不正确
。然后,您可以使用链接父级的第二个列表中的
.index
,指示第一个列表中要突出显示的元素:

$('.ad_link')。在('click',function()上{
让cc=$(this).sides('.correct')。长度?'correct':'correct';
让index=$(this.parent().index();
$('.firstlist').children().eq(index).addClass(cc);
});
。更正{颜色:绿色;}
.不正确{颜色:红色;}

链接1
链接2
链接3
答错了
点击
答错了
点击
正确回答
点击

您可以尝试以下方法:

$('.secondlist.ad_linkk')。单击(函数(){
var cls=$(this.prev('div').attr('class');
var p=$(this.parent().attr('class').split('-')[1];
$('.firstlist').find(`a[class*=${p}]`).addClass(cls);
});
。错误{颜色:红色}
.correct{color:green}

链接1
链接2
链接3
直截了当的回答
点击
直截了当的回答
点击
正确答案
点击

您可以尝试以下方法:

$('.secondlist.ad_linkk')。单击(函数(){
var cls=$(this.prev('div').attr('class');
var p=$(this.parent().attr('class').split('-')[1];
$('.firstlist').find(`a[class*=${p}]`).addClass(cls);
});
。错误{颜色:红色}
.correct{color:green}

链接1
链接2
链接3
直截了当的回答
点击
直截了当的回答
点击
正确答案
点击

使用香草JS来做它,您可以使用文档.QuyEnraseTror()和.CaseLead属性来获取元素的类列表,并将元素添加或移除到元素中。如果您正在进行问答,则应该考虑一种完全不同的方法。类列表属性获取元素的类列表,并将元素添加或移除到元素中。如果您正在进行测验,则应该考虑完全不同的方法。如果第一次引用的数目超过10,则会出现错误。如果我单击,例如在项目2上,该类将添加到所有具有2位数字的类中-2、12、20、21等如果firstlistitem的数量超过10,则会出现错误。。。例如,如果我单击第2项,该类将被添加到所有具有2位数字的类中-2、12、20、21 ETCI,这些数字表示“code”$('.ad_link')。on('click',function(){let cc=$(this).attr('class');let regg=$(this)。parents('.secondlistitem').index();$('.firstlist')。find(.firstlistitem-“+(regg+1)).addClass(cc););'代码'@DanIurcu我很高兴你能成功。由于代码不同于任何一个答案,您可以自己发布它作为答案(您可以接受自己的答案)。解决方法是“代码”$('.ad_link')。在('click',function(){let cc=$(this).attr('class');let regg=$(this)。parents('.secondlistitem').index();$('.firstlist')。find(.firstlistitem-“+(regg+1)).addClass(cc);”中);'代码'@DanIurcu我很高兴你能成功。由于代码不同于任何一个答案,您可以自己将其作为答案发布(您可以接受自己的答案)。