Question

我正在尝试动态创建一个div，它显示一条消息，其中包含在消息中间动态创建的锚标记。

var user = "@MJGwater";
var message1 = "Tweet was created by" ;
var message2 = "on Tuesday."

var $a = $("<a></a>")
$a.html(user);
$a.attr("href", "http://twitter.com/MJGwater")

var $div = $("<div></div>")
$div.text(message1 + " " + anchor element + " " + message2);


$div.appendTo($("body"));

我可以输入a.html（）在消息中间显示文本@MJGwater，但我希望整个锚标记位于div的中间，这样我的链接就可以了。

Answer 1

您需要使用.append()附加DOM元素：

＆＃13;

var user = "@MJGwater";
var message1 = "Tweet was created by ";
var message2 = " on Tuesday."

var $anchor = $("<a/>")
  .text(user)
  .attr("href", "http://twitter.com/" + user.substr(1));

$("<div/>")
  .append(message1)
  .append($anchor)
  .append(message2)
  .appendTo("body");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

在div jQuery的文本中间添加anchor元素

1 个答案: