Javascript 在循环中动态添加到列表

在这种情况下，提琴按钮会在循环中动态附加到。如何更新代码，使每个按钮在循环中只添加一次而不是多次？我想这是因为克隆方法

小提琴代码：

<div data-role="page" id="firstpage">

        <div data-role="header">
                <h1>First Page</h1>
        </div>

<div data-role="content" id="links">
        <a href="#secondpage" data-role="button">Link button</a>
</div>

        <div data-role="footer">
                <h4>Page Footer</h4>
        </div>

</div>

<div data-role="page" id="secondpage">

        <div data-role="header">
                <a href='#' class='ui-btn-left' data-icon='arrow-l' onclick="history.back(); return false">Back</a><h1>Bar</h1><a href="#firstpage">home</a>
        </div>

        <div data-role="content">
                <p>I'm first in the source order so I'm shown as the page. (this is secondpage)</p>
                <p><a href="#thirdpage">Go to third page</a></p>
        </div>

        <div data-role="footer">
                <h4>Page Footer</h4>
        </div>
</div>
​
$(document).ready(function() {

    for (var i = 0; i < 4; i++) {
    var linkButton = $('#links a').clone(true);
    linkButton.find('span.ui-btn-text').text('Link Button2');
    $('#links').append(linkButton);
}

});​

首页
页脚
酒吧
我是源代码顺序中的第一个，因此显示为页面。（这是第二页）


页脚
​
$（文档）.ready（函数（）{
对于（变量i=0；i<4；i++）{
var linkButton=$（'#links a'）.clone（true）；
linkButton.find（'span.ui btn text'）。text（'linkbutton2'）；
$（'#links'）。追加（linkButton）；
}
});​

$（文档）.ready（函数（）{
对于（变量i=0；i<4；i++）{
var linkButton=$（“#links a:first”）.clone（true）；//仅克隆第一个
linkButton.find（'span.ui btn text'）。text（'linkbutton2'）；
$（'#links'）。追加（linkButton）；
}
});​

或

$(document).ready(function() {
    var linkButton = $('#links a').clone(true); // keep reference outside of loop
    for (var i = 0; i < 4; i++) {
      linkButton.find('span.ui-btn-text').text('Link Button2');
      $('#links').append(linkButton.clone(true));
    }
});

$（文档）.ready（函数（）{
var linkButton=$（'#links a'）。clone（true）；//将引用保持在循环之外
对于（变量i=0；i<4；i++）{
linkButton.find（'span.ui btn text'）。text（'linkbutton2'）；
$（'#links'）.append（linkButton.clone（true））；
}
});

---

在您的代码

clone（）

方法中，复制所有

链接中的
标记。
谢谢，但如果页面上没有链接按钮，如此小提琴中所示，该怎么办
$(document).ready(function() {
    var linkButton = $('#links a').clone(true); // keep reference outside of loop
    for (var i = 0; i < 4; i++) {
      linkButton.find('span.ui-btn-text').text('Link Button2');
      $('#links').append(linkButton.clone(true));
    }
});