jquery - 使用jquery clone创建div元素，如何设置ID标签？

Question

我有以下 jQuery 代码块，用于将一些 html 从一个地方复制到另一个地方:

var newLine  = $('#popup-clone .popup-contents').last().clone();
newLine.find('.popup-title').html("hello world");

$('#popup-container').append(newLine);

这会在循环中运行几次，因此 html 会像这样呈现:

    <div id="popup-container" style="display: block;">
        <div class="popup-contents">
            <a class="close">close this popup</a>
            <span class="popup-title">Title 1</span>
            <span class="popup-description"></span>
            <span class="popup-type"></span>
            <span class="popup-open"></span>
        </div>
        <div class="popup-contents">
            <a class="close">close this popup</a>
            <span class="popup-title">Title 2</span>
            <span class="popup-description"></span>
            <span class="popup-type"></span>
            <span class="popup-open"></span>
        </div>
    </div>

等等

我想为每个带有 class="popup-contents"的 div 添加一个唯一的 ID，但我不确定如何做到这一点？如有任何帮助，我们将不胜感激。

Answer 1

使用“attr”:http://api.jquery.com/attr/

newLine.attr('id', 'prefix' + someindex)