正しい構文で<a>タグをJQueryで作成する

Question

私はWikipedia APIを使用しており、JSONデータの結果を表示しようとしています。私の最初の2つの要素が動作し、彼らはデータを正しく表示する：

newEl.append(newParagraph2.append("<a href =" + data[3][0] + ">" + " </a>")); 

：第三要素について

var link = $("<a href=</a>") 
var newEl = $("<li></li>"); 
var newParagraph1 = $("<p></p>"); 
var newParagraph2 = $("<p></p>"); 
var list = $("#list"); 

list.append(newEl); 
    newEl.text(data[1][0]); 
    newEl.append(newParagraph1.text(data[2][0])); 

は、私は、私のような何かを、その情報を与えているWikipediaのページへの単純なクリック可能なリンクをしたいですしかし、それは動作していません。 "newParagraph2.text"の "newParagraph2.append"を変更すると、テキストが取得されますが、実際のタグではなく、すべてが文字列に変換されます。タグを作成する正しい方法は何ですか？href =の後に "data [3] [0]"を挿入してタグを閉じますか？あなたがそれを使用していない場合は

また

newEl.append(newParagraph2.append('<a href ="' + data[3][0] + '">' + 'Some Clickable Text</a>')); 

、link変数を取り除く：あなただけの内部引用符といくつかのテキストが欠けているよう

Answer 1

が見えます。あなたがそれを使用している場合は、

var link = $("<a></a>") 

Answer 2

に変更し、現在のアプローチが必要とされているリンクの周りに二重引用符が欠落している、以下の改訂スニペットを参照してください。

newEl.append(newParagraph2.append('<a href="' + data[3][0] + '">' + ' </a>'));