Javascript动态创建
元素

15 浏览
0 Comments

Javascript动态创建
元素

我有一个类似于这样的链接：

Blog

如您所见，链接的ID为\'blog\'，我的目标是根据单击的链接创建一个带有该链接ID的DIV，因此如果单击了\'blog\'，那么标记将如下：

同样地，如果单击了新闻链接，我希望在标记中创建以下内容：

是否可能实现此功能？我对jQuery不是很熟悉。

admin 更改状态以发布 2023年5月25日
0

2 答案

0 Comments

您需要给 div 分配不同的 ID。也许您可以给它赋予类:

$("#blog").click(function() {
  $(this).after("...");
  return false;
});

这只是创建 div 的许多方法之一。您可能还想避免重复，这种情况下可以使用以下方法:

$("#blog").click(function() {
  var content = $("#blog_content");
  if (content.length == 0) {
    content = $("").attr("id", "blog_content");
    $(this).after(content);
  }
  content.html("...");
  return false;
});

至于如何处理多个此类链接，我会像这样做:

Blog
News
Weather

其中:

$("a.content").click(function() {
  $("#content").load('/content/' + this.id, function() {
    $(this).fadeIn();
  });
  return false;
});

关键是这个事件处理程序处理所有链接。使用类作为选择器，并使用 ID 来标识它们，这样就可以清晰地完成，同时避免太多的 DOOM 操作。如果您想要将每个内容放在单独的 中，我会静态地创建每个内容，而不是动态创建它们。如果您不需要看到它们，可以将它们隐藏起来。

0
0 Comments

试试这个：

$("a").click(function(){
    $("#wrapper").append("");
});

没有测试过，但应该可以；）
其中：#wrapper 是父元素，在所有看到的 a 上起作用。

0