Javascript jQuery each()无法正确使用wrapll()和wrap()

Javascript jQuery each()无法正确使用wrapll()和wrap(),javascript,jquery,loops,Javascript,Jquery,Loops,我创作了一幅简单的三联画。内容是在CMS上输入的,所以我必须用JS包装divs。问题是,当我将两幅三联画的内容包装起来时,所有内容都被包装成一幅三联画。我是否正确使用jQuery的each()函数?或者我做错了什么?谢谢 $(文档).ready(函数(){ $(“.triptych”).each(函数(){ $('.field--name-field-topic-1-icon,.field--name-field-topic-1-title').wrapAll(''); $('.field--

我创作了一幅简单的三联画。内容是在CMS上输入的,所以我必须用JS包装divs。问题是,当我将两幅三联画的内容包装起来时,所有内容都被包装成一幅三联画。我是否正确使用jQuery的
each()
函数?或者我做错了什么?谢谢

$(文档).ready(函数(){
$(“.triptych”).each(函数(){
$('.field--name-field-topic-1-icon,.field--name-field-topic-1-title').wrapAll('');
$('.field--name-field-topic-2-icon,.field--name-field-topic-2-title').wrapAll('');
$('.field--name-field-topic-3-icon,.field--name-field-topic-3-title').wrapAll('');
$('.iconContainer').wrapAll('');
$('.iconContainer1')。换行('');
$('.iconContainer2')。换行('');
$('.iconContainer3')。换行('');
$('.field--name-field-topic-1-content、.field--name-field-topic-2-content、.field--name-field-topic-3-content').wrapAll('');
});
});
.field--name-field-topic-2-content、.field--name-field-topic-3-content、.field--name-field-topic-1-content{
显示:无;
}
.showTopicContent{
显示:块;
}
.hideMoreText{
显示:无;
}
.IConContainer{display:flex;justify content:space between;}
p{文本对齐:居中;}
.IConContainer a{flex:1;右边距:5px;}
.triptych img{宽度:150px;边距:0自动;显示:块;高度:150px;}

专题1标题

专题2标题

专题3标题

主题1内容

专题2内容

主题3内容

这是一个随机div,应该在两个trippicks之间 三联画2主题1标题

三联画2主题2标题

三联画2主题3标题

三联画2主题1内容

三联图2主题2内容

三联画2主题3内容


您必须使用
查找类中的特定元素:

$(文档).ready(函数(){
$(“.triptych”).each(函数(){
$(this).find('.field--name-field-topic-1-icon,.field--name-field-topic-1-title').wrapAll('');
$(this).find('.field--name-field-topic-2-icon,.field--name-field-topic-2-title').wrapAll('');
$(this).find('.field--name-field-topic-3-icon,.field--name-field-topic-3-title').wrapAll('');
$(this.find('.iconContainer').wrapAll('');
$(this.find('.iconContainer1').wrap('');
$(this.find('.iconContainer2').wrap('');
$(this.find('.iconContainer3').wrap('');
$(this).find('.field--name-field-topic-1-content,.field--name-field-topic-2-content,.field--name-field-topic-3-content').wrapAll('');
});
});
.field--name-field-topic-2-content、.field--name-field-topic-3-content、.field--name-field-topic-1-content{
显示:无;
}
.showTopicContent{
显示:块;
}
.hideMoreText{
显示:无;
}
.IConContainer{display:flex;justify content:space between;}
p{文本对齐:居中;}
.IConContainer a{flex:1;右边距:5px;}
.triptych img{宽度:150px;边距:0自动;显示:块;高度:150px;}

专题1标题

专题2标题

专题3标题

主题1内容

专题2内容

主题3内容

这是一个随机div,应该在两个trippicks之间 三联画2主题1标题

三联画2主题2标题

三联画2主题3标题

三联画2主题1内容

三联图2主题2内容

三联画2主题3内容


我正试图弄明白为什么每次调用都需要实现这一点。如果我读对了,似乎没有它也行。@CarlEdwards谢谢你的检查,但是每次打电话都不需要
。是的。我想说的是,
每次调用都应该是不必要的。我知道这还不能解决你的问题,但这是一个开始。