jQuery在页面加载时获取其他元素内容

Question

在stackoverflow用户的帮助下，我编写了一个脚本，其工作原理与下面的演示类似：

DEMO

问题是在页面加载时用连续顺序填充来自h2的数据的ul＃selected_items。正如你现在所看到的那样，ul＃selected_items是手工编写的，我需要它们在页面加载时动态填充。
我对jQuery很新，并且一直试图想出这个问题一段时间没有结果。我们将不胜感激。

Answer 1

您想在页面加载时动态创建li吗？ 然后从html中的ul中删除它们并添加此javascript：

$(document).ready(function() {
    $('.holder h2').each(function() {
        $('#selected_items').append('<li selected-item="' + $(this).parent().attr('id') + '_selected">' + $(this).text() + '</li>');
    });
});

另见your updated example。