将超链接添加到由json获取的变量

时间:2011-11-25 00:18:12

标签: jquery html json href

一个新手问题,  我通过像这样的cicle从json获得一个var

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

然后我会使用此

将该变量附加到内容中
$('#content').append('<br>').append(link);

这样可行,但我也希望在链接中添加一个href,这样当用户点击链接时,他将直接转到另一个页面,但我不知道该怎么做

编辑:完整的HTML和脚本js

  <!DOCTYPE HTML>
  <html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <title>Fake Delicious</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
    <header>
        <!-- Inserir banner -->
        <h1>Delicious Testing Page</h1>
    </header>
    <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('<br>').append(link).append($('<div>').append(but));
     });
    })

此阶段的按钮不会做任何事情。链接,因为我说它是正确的,因为HTML显示它正确我现在想要为它添加一个超链接为另一页

1 个答案:

答案 0 :(得分:1)

如果你有一个带有字符串的变量,表示一个锚标记,用jQuery函数包装它,然后 save 那个结果。这将为您提供一个可以进一步使用jQuery操作的实际标记。

然后使用attr函数设置其href。这些步骤可以合并。

这对我有用:

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

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

所以对于你的例子,改变这个:

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

到此:

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