使用jQuery生成按钮

是否可以使用jQuery根据图像的数量创建一定数量的“按钮”

例如：

<ul class="gallery">
    <li><img src="example-one.png" /></li>
    <li><img src="example-two.png" /></li>
    <li><img src="example-three.png" /></li>
</ul>

会给我图像的数量，但我不知道从那里去哪里

编辑：

我试图实现的输出类似于：

<ul class="gallery">
    <li><img src="example-one.png" /></li>
    <li><img src="example-two.png" /></li>
    <li><img src="example-three.png" /></li>
</ul>
// Added with jQuery
<ul class="gallery-nav">
    <li><a href="#">Button One</a></li>
    <li><a href="#">Button Two</a></li>
    <li><a href="#">Button Three</a></li>
</ul>

//添加jQuery

---

使用.gallery nav在图像中导航（即单击“按钮二”将显示示例二.png）

您希望按钮放在哪里？如果您想为另一件事的每一件事做点什么，可以使用jQuery的.each（）方法，如下所示：

$('.gallery img').each(function() {
    alert("This is image " + $(this).attr('src'));
});

---

下面是一个如何操作的示例：

您希望按钮放在哪里？如果您想为另一件事的每一件事做点什么，可以使用jQuery的.each（）方法，如下所示：

$('.gallery img').each(function() {
    alert("This is image " + $(this).attr('src'));
});

下面是一个如何做到这一点的例子：

你的意思是：

var imageCount = jQuery('.gallery li').length;

for(var i=0; i<imageCount; i++){
 $('button').appendTo($('body'));
}

var-imageCount=jQuery（'.gallery li'）。长度；
对于（var i=0；i你的意思是：

var imageCount = jQuery('.gallery li').length;

for(var i=0; i<imageCount; i++){
 $('button').appendTo($('body'));
}

var-imageCount=jQuery（'.gallery li'）。长度；
对于（VarI=0；i
VarNames=['1'，'2'，'3']；
$（'.gallery li'）。每个（功能（i，el）{
var oldHtml=$（this.html（）；
$（this.empty（）.html（“”）；
});​

var name=['1'，'2'，'3']；
$（'.gallery li'）。每个（功能（i，el）{
var oldHtml=$（this.html（）；
$（this.empty（）.html（“”）；
});​

你想在html中得到哪一个结果？对不起，安德烈斯，我应该把它放在那里。我现在就编辑它。你只是想得到可点击的图像？意思是，点击example.png会把你带到另一个页面？嘿，马克，我对这篇文章做了另一次编辑，希望传达我想要的结果。你想在html中得到哪一个结果？对不起，安德烈斯，我知道uld已经把它放在那里了。我现在就编辑它。你只是想要可点击的图片？意思是，点击example.png会把你带到另一个页面？嘿，马克，我对这篇文章做了另一次编辑，希望能传达我的想法。