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

Question

找到答案:D

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

当前代码:

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

我想添加 a tag与动态href 。这是否需要在单独的代码块中完成，或者我可以以某种方式将其与当前代码集成吗？

我正在尝试创建什么:

<li><a href="#tabs-1"> text describing url </a></li>

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');