显示链接,而不是标记

时间:2018-02-19 06:21:38

标签: javascript python jquery html

我有一个html标签列表,名为papersFound,例如

papersFound = ['<a href="http://arxiv.org/abs/math/9801077v2" target = "_blank">Symmetric spectra</a>', '<a href="http://arxiv.org/abs/math/9706228v1" target = "_blank">Topological transformation groups</a>']

我想遍历此列表,并显示文章的超链接,而不是标签本身(显然)。我现在拥有的是显示标签:

{% for paper in papersFound %}
            <li class="list-group-item" style="color:black">{{ paper }}</li>
{% endfor %}

非常感谢任何帮助。谢谢。

编辑:在http://jinja.pocoo.org,我看到了示例

<ul>
{% for user in users %}
<li><a href="{{ user.url }}">{{ user.username }}</a></li>
{% endfor %}
</ul>

我想实现这一点。但是用户(具有属性url和用户名)是什么类型的对象?

编辑2:目前,我的页面正在显示html标签,如您所见 enter image description here

2 个答案:

答案 0 :(得分:0)

您可以获取href值来保存空div.Loop上的数据并获得herf值并再次清空div。

&#13;
&#13;
var papersFound = ['<a href="http://arxiv.org/abs/math/9801077v2" target = "_blank">Symmetric spectra</a>', '<a href="http://arxiv.org/abs/math/9706228v1" target = "_blank">Topological transformation groups</a>']
var arrayLength = papersFound.length;
var html = '';
for (i = 0; i < arrayLength; i++) {
  html += papersFound[i];
}
$('.results').html(html);
$('.results').find('a').each(function(index, element) {
  console.log($(this).attr('href'));
});
$('.results').html('');
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='results'>

</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您似乎需要 safe 关键字。 {{ paper| safe }}

EX:

papersFound  = ['<a href="http://arxiv.org/abs/math/9801077v2" target = "_blank">Symmetric spectra</a>', '<a href="http://arxiv.org/abs/math/9706228v1" target = "_blank">Topological transformation groups</a>']

s = """{% for paper in papersFound %}
            <li class="list-group-item" style="color:black">{{ paper| safe  }}</li>
{% endfor %}"""