Jquery 如何将按钮组定位到列表项的右侧

我构建了一个Jquery移动列表视图。它可以动态地获取其元素（我有一个硬编码的元素，您可以看到）：

我建立了一个Jquery移动按钮组：

      <div data-role="controlgroup" data-type="horizontal">
        <a href="#" data-role="button" data-icon="gear">Edit</a>
        <a href="#" data-role="button" data-icon="delete">Delete</a>
      </div>

我想知道的是：这个按钮组需要放在哪里，我需要添加什么样式，以便列表中每个元素的结果都像这样：

您可以使用CSS Flexbox应用一些CSS样式，如：

.content holder{
边框：1px实心#333；
}
div[data role=“controlgroup”]{
显示器：flex；
弯曲方向：行反向；
}
div[data role=“controlgroup”]a{
填充：5px15px；
边框：1px实心#333；
边框底部：无；
}
div[data role=“controlgroup”]a:悬停{
背景：#eee；
}
div[data role=“controlgroup”]a：第一个孩子{
左边界：无；
边界权：无；
}

您可以使用CSS Flexbox应用一些CSS样式，如：

.content holder{
边框：1px实心#333；
}
div[data role=“controlgroup”]{
显示器：flex；
弯曲方向：行反向；
}
div[data role=“controlgroup”]a{
填充：5px15px；
边框：1px实心#333；
边框底部：无；
}
div[data role=“controlgroup”]a:悬停{
背景：#eee；
}
div[data role=“controlgroup”]a：第一个孩子{
左边界：无；
边界权：无；
}

我的列表项将动态添加到未排序的列表中。在未订购的列表中，我可能有100多个项目。我将控制组放在未排序列表中的何处？@Kōdonomusō-ka在所有内容结束后添加未排序列表。我的列表项将动态添加到未排序列表中。在未订购的列表中，我可能有100多个项目。我应该将控制组放在未排序列表中的何处？@Kōdonomusō-ka在所有内容结束后添加未排序列表。

      <div data-role="controlgroup" data-type="horizontal">
        <a href="#" data-role="button" data-icon="gear">Edit</a>
        <a href="#" data-role="button" data-icon="delete">Delete</a>
      </div>

add id="mybtn" to the line below
<div data-role="controlgroup" data-type="horizontal" class="mybtn">
and add this code yo your css
.mybtn{
position: absolute;
right:0px;
bottom:0px;
}