Jquery 将标签添加到按钮的右侧

我将动态添加按钮添加到网页，如下所示：

$('#Container').empty();
for (i = 0; i < l; i++) 
{
     $('#Container').append($('<button id="but'+(i+1)+'" type="button" value="'+i+'">?</button>'));
}
$('#Container').trigger('create');

<div data-role="content" id = "Container">

$（“#容器”）.empty（）；
对于（i=0；i

容器的定义如下：

$('#Container').empty();
for (i = 0; i < l; i++) 
{
     $('#Container').append($('<button id="but'+(i+1)+'" type="button" value="'+i+'">?</button>'));
}
$('#Container').trigger('create');

<div data-role="content" id = "Container">

如何在每个按钮的右侧添加标签

我试过：

$('#Container').empty();
for (i = 0; i < l; i++) 
{
     $('#Container').append($('<button id="but'+(i+1)+'" type="button" value="'+i+'">?</button>'));
     $('#Container').last().after($('<label>Hello</label>'));
}
$('#Container').trigger('create');

$（“#容器”）.empty（）；
对于（i=0；i

但这会将所有标签追加到末尾。

尝试以下操作：

$('#Container').empty();

for (i = 0; i < 5; i++) {
   $('#Container').append($('<button id="but' + (i + 1) + '" type="button" value="' + i + '">?</button>'));
   $('#Container').append($('<span><label>Hello</label></span><br/>'));
}
$('#Container').trigger('create');

$（“#容器”）.empty（）；
对于（i=0；i<5；i++）{
$（'#Container'）。追加（$（'？'）；
$（'#Container'）。追加（$（'Hello
'）；
}
$（'#Container'）。触发器（'create'）；

我已经有一段时间没问jQuery手机问题了

工作示例：

JavaScript 本例中的神奇词语是：

display: flex; 

---

我的建议是读一下。

你想让标签说什么？“添加”或i？@last1的值在这里，我将在数组中查找一个值，该值基于我用Firefox在Mac上的iTried this的值，并且标签显示在按钮下。请注意，我使用的是Jquery mobile。我在windows上使用的是chrome，它可以正常工作。我没有mac或合适的移动环境可供测试，因此我无法进一步帮助您。如果我是你，我会用纯html制作ui，直到它正常工作，然后动态构建它。