divのテキストの途中にアンカー要素を追加するjQuery

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")); 

私はメッセージの途中でテキスト@MJGwaterを表示する）（a.htmlを入力することができますが、私は、全体のアンカータグは、私のリンク作品そうDIVの真ん中になりたいです。

Answer 1

あなたはDOM要素を追加する .append()を使用する必要が

：

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");

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