jQueryで、htmlに<a>タグを追加したい

Question

<div id = "test">
<!-- ここに文字が入る -->
</div>

var url = "https://aiueo.com";

$("#test").prepend("<a href = url; target ='blank'>test</a>");

上のJavaScriptのコードで、url変数を3行目の　a href = url　のところに使っていますが、このurlが変数として認識されません（文字列として扱われます）。そうやって認識させるのですか？

Answer 1

""や''の中でそのまま入れたらそれは単なる文字列でしかありません。
変数として展開させたいなら+でつなぐ必要があります。

$("#test").prepend("<a href='"+url+"' target ='blank'>test</a>");

あと、;は不要ですよね。
ちょっと手直ししました。

• JavaScriptの文字列で「連結・結合(+, joinなど)」を極めるコツ！

変数と文字列を連結しよう！

Comments

[N---------]

そういうことか！回答ありがとうございます！

Answer 2

こうしてみては？

$(function(){
  var url = "https://aiueo.com";
  $("#test").prepend($('<a>').attr({"href":url,"target":"blank"}).text("test"));
});

Comments

[N---------]

回答ありがとうございます。

prependをつかって、<div>の中に<a>を入れて、それをhtmlに表示することはできますか？

↓こんな感じのをprependでhtmlに追加
<div>
<a>test</a>
</div>

[N---------]

prepandではなくattrでした