使用jquery创建元素并在彼此内部设置属性？

Question

答案发现：D

我是jQuery的新手，我知道有一些非常好的快速技巧可以做到这一点......我知道如何用30行代码在JavaScript中回答这个问题。

当前代码：

$('<li>, <a>', {
    id: '#tab-' + count
}).html($(this).text()).appendTo('#uls');

我想添加一个动态a tag的{​​{1}}。是否需要在单独的代码块中完成，或者我可以以某种方式将其与当前代码集成。

我正在努力创造：

href

Answer 1

你可以混合使用jQuery元素创建+ HTML字符串或纯元素创建：

混合物：

$('<li>', {
    html: '<a href="' + some_variable + '">' + $(this).text() + '</a>',
    id: '#tab-' + count
}).appendTo('#uls');

有条不紊：

$('<li>', {
    id: '#tab-' + count
}).append($('<a>', {
    href: some_variable,
    text: $(this).text()
})).appendTo('#uls');

Answer 2

有什么问题吗？

$('#uls').append(
    $('<li>').append(
        $('<a>', { href: url, text: 'text', id: 'theid'})
    )
);

（我没有测试过，但是......）

Answer 3

一条脏线

$("<li><a href='" + href + "' id='#tab-" + count + "'>" + $(this).text() + "</a></li>").appendTo("#ul");