javascript - 将附加 HTML 的属性设置为 jquery 中的变量？

Question

因此，我正在为一个博客开发后端创建/编辑/删除页面 - 它显示了一个文章列表，每篇文章都有一个编辑和删除按钮。单击文章“foo”的编辑按钮时，会发生以下情况:

• div 展开，编辑表单的原始 HTML 被附加到 jquery append() 中。

• DOM 有一个对象数组，每个对象包含一篇文章的信息。获取 ID 为“foo”的特定对象并将其转换为数组“bar”。

现在，我要做的是将附加表单的值设置为“bar”内的值。我试过使用 .attr()、.val()，但似乎没有任何效果。

我认为问题可能在于我在同一范围内执行所有操作。在我的 .append() 调用之后，我尝试访问我刚刚通过 ID 附加的元素。这是在绊倒我吗？

在函数中，我是这样尝试的:

$(this).parent().children('#thisone').append("<input id="articletitle">");
$(this).parent().children('#thisone').children('#articletitle').val("my title");

Answer 1

尝试在追加之前构建完整的元素:

var $input = $("<input>", { 
    id: "articleTitle",
    value: "my title"
});

$("#thisone").append($input);