Question

使用我在python脚本中创建的基因列表，我试图为列表中的每个基因创建可点击链接。我正在使用Flask框架来实现这一目标，并且能够使用{{genes}}变量访问列表中的基因。当我查看页面源时，我能够看到这个列表，但是当我尝试使用javascript函数将每个基因添加到我的DOM主体时，我什么都看不到。有谁知道我做错了什么？

<!DOCTYPE html>
<html>
    <head>
        <h1>Genes<h1>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>

    </head>
    <script type ="text/javascript">
    function showGenes(){

        var name = "";
        for (gene in {{genes}}) {
            var name = document.createElement('a');
            var text = document.createTextNode(name);
            name.appendChild(text);
            document.body.appendChild(name);

        }

}
    </script>

<body onload="showGenes()">

</body>

</html>

Answer 1

如果{{genes}}是 javascript 数组，则需要按以下方式替换循环（请记住，它是javascript，而不是python，所以你不能使用for - in循环很容易）：

$.each({{genes}}, function(index, value){
     $('body').append($('<a></a>').text(value));
 })

创建动态HTML超链接

1 个答案: