jquery-选择后面的类而不选择全部

我在选择某些课程时遇到了一些小问题。在下面的示例中，第一个标题下有两个“fontstyle”类，而第二个标题下有一个。此结构最终将被重复，每个项目将应用不同数量的fontstyle类（动态内容编辑器）

我希望能够抓住每个标题下的每个字体样式，并将其附加到“内容包装器”中。然而，我认为我将面临的问题是，当试图获取第一个标题旁边的两个fontstyle类时，底部的另一个fontstyle类也将被选中。这有什么关系吗

谢谢大家。谢谢你的帮助

<div class="header">
    <div class="content-wrapper"></div>
</div >    
<div class="fontstyle"></div >
<div class="fontstyle"></div >

<div class="header">
    <div class="content-wrapper"></div>
</div >
<div  class="fontstyle"></div >

编辑：向所有人道歉。我已经更新了结构。我正在尝试将字体样式类放入它上面的内容包装器中。这是我在最后想要的结构（对于这个场景）

---

您可以使用

+

选择器。然后您可以给出确切的兄弟模式

$(".header +.content-wrapper + .fontstyle")

编辑

更新的问题。在这里，您需要循环遍历每个

.header

，然后找到

.fontstyle

元素，直到下一个

.header

。然后将该元素附加到相应的

.contentwrapper

$(".header").each(function () {
    var fontStyle = $(this).nextUntil(".header").filter(".fontstyle");
    $(this).find(".content-wrapper").append(fontStyle);
});

---

您可以使用

+

选择器。然后您可以给出确切的兄弟模式

$(".header +.content-wrapper + .fontstyle")

编辑

更新的问题。在这里，您需要循环遍历每个

.header

，然后找到

.fontstyle

元素，直到下一个

.header

。然后将该元素附加到相应的

.contentwrapper

$(".header").each(function () {
    var fontStyle = $(this).nextUntil(".header").filter(".fontstyle");
    $(this).find(".content-wrapper").append(fontStyle);
});

---

您可以使用

+

选择器。然后您可以给出确切的兄弟模式

$(".header +.content-wrapper + .fontstyle")

编辑

更新的问题。在这里，您需要循环遍历每个

.header

，然后找到

.fontstyle

元素，直到下一个

.header

。然后将该元素附加到相应的

.contentwrapper

$(".header").each(function () {
    var fontStyle = $(this).nextUntil(".header").filter(".fontstyle");
    $(this).find(".content-wrapper").append(fontStyle);
});

---

您可以使用

+

选择器。然后您可以给出确切的兄弟模式

$(".header +.content-wrapper + .fontstyle")

编辑

更新的问题。在这里，您需要循环遍历每个

.header

，然后找到

.fontstyle

元素，直到下一个

.header

。然后将该元素附加到相应的

.contentwrapper

$(".header").each(function () {
    var fontStyle = $(this).nextUntil(".header").filter(".fontstyle");
    $(this).find(".content-wrapper").append(fontStyle);
});

---

---

谢谢你。我必须迅速更新结构。对此我深表歉意。谢谢你的回复。不幸的是，这不是我想要实现的。我正在尝试将fontstyles附加到它们最接近的内容包装器中。因此，在本例中，顶部的两个字体样式将附加到第一个内容包装器中，而最后一个字体样式仍将附加到另一个内容包装器中。@Tron您能详细说明一下吗？你想用哪种款式？嗨，你好。这与造型本身无关。这是关于结构的。我已经更新了帖子，以显示我想要的结果。同样值得注意的是，在我使用的CMS中，这种结构会有所不同。谢谢你的时间，绝对准时！非常感谢。：）谢谢你。我必须迅速更新结构。对此我深表歉意。谢谢你的回复。不幸的是，这不是我想要实现的。我正在尝试将fontstyles附加到它们最接近的内容包装器中。因此，在本例中，顶部的两个字体样式将附加到第一个内容包装器中，而最后一个字体样式仍将附加到另一个内容包装器中。@Tron您能详细说明一下吗？你想用哪种款式？嗨，你好。这与造型本身无关。这是关于结构的。我已经更新了帖子，以显示我想要的结果。同样值得注意的是，在我使用的CMS中，这种结构会有所不同。谢谢你的时间，绝对准时！非常感谢。：）谢谢你。我必须迅速更新结构。对此我深表歉意。谢谢你的回复。不幸的是，这不是我想要实现的。我正在尝试将fontstyles附加到它们最接近的内容包装器中。因此，在本例中，顶部的两个字体样式将附加到第一个内容包装器中，而最后一个字体样式仍将附加到另一个内容包装器中。@Tron您能详细说明一下吗？你想用哪种款式？嗨，你好。这与造型本身无关。这是关于结构的。我已经更新了帖子，以显示我想要的结果。同样值得注意的是，在我使用的CMS中，这种结构会有所不同。谢谢你的时间，绝对准时！非常感谢。：）谢谢你。我必须迅速更新结构。对此我深表歉意。谢谢你的回复。不幸的是，这不是我想要实现的。我正在尝试将fontstyles附加到它们最接近的内容包装器中。因此，在本例中，顶部的两个字体样式将附加到第一个内容包装器中，而最后一个字体样式仍将附加到另一个内容包装器中。@Tron您能详细说明一下吗？你想用哪种款式？嗨，你好。这与造型本身无关。这是关于结构的。我已经更新了帖子，以显示我想要的结果。同样值得注意的是，在我使用的CMS中，这种结构会有所不同。谢谢你的时间，绝对准时！非常感谢。：）