如何将类添加到使用javascript创建的元素

Question

使用此代码，我创建了一个<select>元素：

$('ul.category-list').each(function () {
    var list = $(this),
        select = $(document.createElement('select')).insertBefore($(this).hide()).change(function () {
            window.location.href = $(this).val();
        });
    $('>li a', this).each(function () {
        var option = $(document.createElement('option'))
            .appendTo(select)
            .val(this.href)
            .html($(this).html());
        if ($(this).attr('class') === 'selected') {
            option.attr('selected', 'selected');
        }
    });
    list.remove();
});

如何为<select>元素提供id或类，以便用CSS控制它？

Answer 1

HTML

<div class="an-element"></div>

CSS

.your-class {
    color: orange;
}

javascript，（使用jQuery库＆write-less do-more方法和语法）

$(".an-element").append("<div class='your-class'>Test</div>");

a jsFiddle