Javascript 如何在django模板中切换跨度时切换glyphicon图标

在django模板中，我有一个在循环中的span

{% for book in books%}
<span class="book-list" data-toggle="collapse" data-target="#sheets_list{{workbook.id }}">
    {{book.name}}
    <span class="toggle_sign glyphicon glyphicon-chevron-down"></span> 
    <span class="date"> Last Update Time= {{book.reg_date}}</span>
</span>
{% endfor %}

但它在toggle sign的类上没有任何作用。

---

有什么帮助吗？

请看这里的工作代码

您还将错误的类名传递给事件

$（文档）.ready（函数（e）{
$（'.parentDiv'）。单击（函数（）{
var toggle_sign=$（this.find（“.toggle_sign”）；
if（$（切换符号）.hasClass（“字形图标V形向下”））{
$（切换符号）.removeClass（“字形图标向下”）.addClass（“字形图标向上”）；
}否则{
$（切换符号）.addClass（“字形图标向下”）.removeClass（“字形图标向上”）；
}
//或切换您可以使用的事件。
//$（切换符号）.toggleClass（'glyphicon-chevron-down-glyphicon-chevron-up'）；
});
});
.parentDiv{
宽度：100%；
背景：青色；
高度：50px；
边框：1px实心；
}

Typo:
$（'.toogle_-sign'）
而不是
$（'.toggle_-sign'）
很抱歉拼写错误。我希望在切换发生时单击跨度中的任何位置时，图标都会更改。不仅当它是点击图标。我已经修改了代码，请有一个关于它的希望，所以这将帮助你很多。这不是完整的解决方案，但对您来说是一个提示，因此请记住.thanx以寻求帮助。但根据您的示例，将有多个div具有类“parentDiv”，单击任何一个都会在每个div上更改图标。这是我提供给您的唯一提示。但这是我的问题，当我们获得的父div或span超过我时，如何实现这一点
$('.toggle_sign').on('click', function() {
    $(this).toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
});