Javascript 如何将Html附加到具有相同类的相应div

如何将Html附加到具有相同数据属性值的相应div？ 单击按钮时，我将数据属性值传递给moda，并将其添加到moda中的submit按钮，以再次传递值。我想找到具有该数据属性值的元素，并将html附加到该元素中。 图（1）

        <button data-media-select="2" data-gallery-position="2"  type="button" class="btn btn-success media-modal-btn" >Image (1)</button>
        <div data-gallery-position="2" class="popup-gallery"></div>

        <button data-media-select="5" data-gallery-position="3" type="button" class="btn btn-warning media-modal-btn" >Images (5)</button>
        <div data-gallery-position="3"  class="popup-gallery"></div>

您可以使用筛选在其库位置数据属性中具有相同值的元素：

        <button data-media-select="2" data-gallery-position="2"  type="button" class="btn btn-success media-modal-btn" >Image (1)</button>
        <div data-gallery-position="2" class="popup-gallery"></div>

        <button data-media-select="5" data-gallery-position="3" type="button" class="btn btn-warning media-modal-btn" >Images (5)</button>
        <div data-gallery-position="3"  class="popup-gallery"></div>

$（函数（）{
$（“.div_btn”）。单击（函数（）{
$（.galery_item”）.removeClass（“选定”）；
var pos=$（此）.data（“画廊位置”）；
$（“.galery_item”）.filter（函数（）{
返回$（this）.data（“画廊位置”）==pos；
}).addClass（“选定”）；
});
});
.div\u btn{
显示：内联块；
宽度：100px；
身高：100%；
文本对齐：居中；
边框：5px脊灰色；
光标：指针；
}
.div_btn：活动{
背景：绿色；
}
.galery_项目{
显示：内联块；
宽度：50px；
高度：50px；
文本对齐：居中；
边框：5px脊灰色；
}
.选定{
背景：红色；
}

顶部
中间的
底部





问题是什么？您的代码的哪一部分不起作用？我想您正在寻找
$（“.class[data attribute=value]”）来选择给定的框，但我不想破译您的代码。。。（编辑实际上你正在这样做，所以什么不起作用？）也许他正在做的是Q&AI希望通过$（“.class[data attribute=value]”）找到元素，并将html附加到元素中。我不知道怎么做。请注意，你的大部分代码都丢失了，你的语法很好，我们不能在没有看到全部情况的情况下找出问题所在