javascript - Django "for"循环中的动态 Javascript 函数

Question

在下面的Javascript中，我想替换所有以“#”开头的文本以成为链接并更改颜色。该功能运行良好，但它更改了页面上的所有描述，而不是单独更改每张照片。有没有办法让它适用于 for 循环 中的每张照片？

Javascript:

var str = $('.description').html();
var edt = str.replace(/(^|\s)(#[a-z\d-]+)/ig, "$1<a href='{% url "timeline" %}'><span style='color: blue;'>$2</span></a>");
$('.description').html(edt);

Django:

{% for photo in photos %}
    <div class="photo-item">
        <p class="description">{{ photo.description }}</p>
    </div>
{% endfor %}

提前谢谢您!

Answer 1

在 Javascript 中，$('.description') 返回具有类 description 的所有元素的列表，而 html() 函数

• 读取时返回第一个元素的内容
• 更新时修改每个元素

您需要的是这样的(未测试):

$('.description').each(function(index) {
  var str = $(this).html();
  var edt = ...;
  $(this).html(edt);
});