使用Jquery将内容添加到div中

Question

通过jquery加载内容到<div id="wrapper"></div>。

$('#wrapper').html(data);

当内容插入包装器时，会有另一个带有id="video1"的div。

我该如何将内容附加到id="video1"？

- user2322509

---

很奇怪能够发现这个问题，你尝试过满足你的需求吗？你能展示一下你尝试过但没有成功的部分吗？ - Roko C. Buljan

Answer 1

$('#video1').append('<p>Test</p>');

为了演示，我在这里添加了p。

- palaѕн

---

能否在 JavaScript 中使用 HTML 的 ID 或类，而不是编写 HTML 代码来添加它们？ - codelearner

@codelearner，你可能想要研究一下XSLT来生成HTML输出。如果你想在不依赖JavaScript的情况下将一些服务器端处理推向浏览器，那么你可以从中获得一些好处。然而，正如Aleksandar在他的评论答案中所指出的那样，这并不是一个完全符合上述问题所要求的动态方法。 - Benjamin

Answer 2

这里是一个可用的 fiddle

在使用 .find 插入后，您可以通过 'wrapper' 中的 ID 查找 div。

$('#wrapper').html(data).find("#video1").append(<Your Data Here>);

- Benjamin Gruenbaum

---

能否在 JavaScript 中使用 HTML 的 ID 或类，而不是编写 HTML 代码来添加它们？ - codelearner

Answer 3

$('#wrapper').html(data);
$('#video1').html("new data");

- Anoop

---

能否在 JavaScript 中使用 HTML 的 ID 或类，而不是编写 HTML 代码来添加它们？ - codelearner

Answer 4

试试这个，

$('#wrapper').find('#video1').append('thingsYouWant');

或者

$('#wrapper').html(data);
$('#video1').append('thingsYouWant');

在元素添加到DOM后，您可以直接使用ID选择器获取该元素

- bipen

---

能否在 JavaScript 中使用 HTML 的 ID 或类，而不是编写 HTML 代码来添加它们？ - codelearner

你能举个例子说明你想做什么吗？ - bipen

Answer 5

这肯定会起作用：

$('#wrapper').html(
    $('<div>').attr({'id':'video1'})
);

- ipradhansk

---

能否在 JavaScript 中使用 HTML 的 ID 或类，而不是编写 HTML 代码来添加它们？ - codelearner

Answer 6

显然，无法向被视为静态的内容（据我所知，可能是错误的）动态添加内容。

因此，您要么手动编写它，要么进行某种自动化...例如使用JS。

因此，对于所有这些问题/问题，答案都是否定的。

敬礼

- Aleksandar Knezevic

---

看起来他们正在使用JS，并希望在“自动化”方面获得帮助。 - Benjamin

嗨，@Benjamin。抱歉我没有说明我的回复参考，因为它与严重重复的“是否可以使用HTML中的id或class添加，而不是在javascript中编写HTML代码”有关，这导致了JS解决方案，而不是针对他们（对我来说，在搜索结果时它曾经有所帮助，这就是为什么我回复的原因）。保持平静。 - Aleksandar Knezevic

理想情况下，您应该在注释中执行此操作，但目前您没有声望级别来添加注释。我会将其标记为待回复的事项，并在您获得足够声望后重新陈述为注释回复。 - Benjamin

现在，这非常有帮助，非常感谢。我正在学习中，并且正在建立声誉。问候 - Aleksandar Knezevic