jsonによって得られた変数へのハイパーリンクの追加

初心者の質問、  私はjsonからこのような一心を通してvarを取得する

$.each(json.Links,function(i,link)

それを使ってコンテンツにその変数を追加します

$('#content').append('
').append(link);

これはうまくいきますが、ユーザーがリンクをクリックしたときに別のページに直接アクセスするようにするためにhrefをリンクに追加したいと考えていますが、これを行う方法はわかりません

編集:フルHTMLとスクリプトjs

  <!DOCTYPE HTML>
  <html>
<head>
    <スクリプト type="text/javaスクリプト" src="jquery.js">
    <スクリプト type="text/javaスクリプト" src="スクリプト.js">
    <title>Fake Delicious</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
    
<!-- Inserir banner -->

Delicious Testing Page

<div id="content"> coisa </div> </body> </html>

スクリプト

 var url="printTables.php?option=6";

 $.getJSON(url,function(json)
  {
  $.each(json.Links,function(i,link)
   { var test="test"+i;
     var but=$("<button>Show info</button>");
     $(link).attr("href", link);
     $('#content').append('
').append(link).append($('<div>').append(but)); }); })

The button at this stage isn't suposed to do anything. The link as I said it's correct since the html shows it properly I just now want to add an hyperlink to it for another page

1

1 答え

変数にアンカータグを表す変数がある場合は、jQuery関数でラップし、その結果を保存します。これにより、実際のタグがjQueryでさらに操作できるようになります。

attr 関数を使用して href を設定します。これらのステップは組み合わせることができます。

これは私のために働く:

var linkFromJson = "Hello";
linkFromJson = $(linkFromJson).attr("href", "http://www.google.com");

$("#main").append(linkFromJson);

したがって、あなたの例では、これを変更してください:

$(link).attr( "href"、link);

これに:

link = $(link).attr( "href"、link);

1
追加された
私はすでにそれを試みたが、それはHTMLで動作しません、私はリンクをクリックしても何も起こらない
追加された 著者 user697110,
まあ、かなりコードが多いですが
追加された 著者 user697110,
私が行ったことの編集版を投稿しましたが、それ以上の機能がありますが、これには関係ありません。私は今あなたが私に提案したことをしましたが、現在のリンクはhtmlに表示されません
追加された 著者 user697110,
ちょうど問題が見つかりました。私はリンクに を追加していませんでした。私はこのリンクを "" + link + "" "行っただけで直接URLを持っていました。それは働いた。あなたの助けに感謝
追加された 著者 user697110,
あなたはそれをしようとしたコードと、生成されたhtmlを投稿してください。
追加された 著者 Adam Rackis,
@ user697110 - 気にしないでください。私はあなたの問題を知っていると思います。私の最後の編集を参照してください。
追加された 著者 Adam Rackis,
@ user697110 - link にはあなたの考えが含まれていない可能性があります。火かき棒やChromeツールを使用して、見てみましょう。私が言ったように、私が掲載したコードサンプルは動作します。あなたの問題はどこかにあるはずです。
追加された 著者 Adam Rackis,
@ user697110 - クールで、うれしいです。
追加された 著者 Adam Rackis,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript