2011-11-25 191 views
1

甲新手问题而得到的变量, 我获得从一个JSON一个变种通过这样添加一个超链接到由JSON

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

一个cicle然后我将追加该变量使用此

$('#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)); 
    }); 
    }) 

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

回答

1

如果你有一个字符串变量,代表一个锚标记,包装它与jQuery函数,然后保存那个结果。这会给你一个实际的标签,你可以进一步操纵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);

+0

我已经尝试过,但它不起作用的HTML,我点击链接,但没有发生的事情 – user697110

+0

你可以请你发布你试过的代码,以及生成的html。 –

+0

这是相当多的代码,但会做 – user697110