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

Question

答案发现:D

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

当前代码:

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