javascript - Django- Jquery 遍历所有选项

Question

我在 Django 的帮助下进行服务器端渲染。在我的 django 模板中，我循环遍历从我的数据库中获得的所有值。在 jquery 中选择单个值时，JS 给了我从数据库中获得的所有值，但我只想要选定的值

View .py

def theme(request):
    context={}
    context['All']=Theme.objects.all().count()

    for t in ThemeCategory.objects.all():
        context[t.categoryName]= t.theme_set.count()

    context=collections.OrderedDict(sorted(context.items()))
    return render(request,'theme-list.html',{'category_name':context})

在模板中

<ul class="pick-tags" >
    {% for category_name,count in category_name.items %}
       <li id="item_cat">
            <span id="item_cat_name">{{ category_name }}</span>
       </li>
    {% endfor %}
</ul>

我在 jquery 中选择所需的值

$('li#item_cat').on('click', function () {
   alert($('span#item_cat_name').text())
})

但不是给我一个单一的值，而是我从数据库中获得的所有值。

点击<li>时如何只获取一个值？

获得选定值的任何帮助都是有帮助的

Answer 1

首先，每个HTML元素的id应该是唯一的。您正在创建多个具有相同 ID 的 li 和 span 元素。确保它是唯一的以防止不需要的错误。如果需要，最好使用类和数据属性。

其次，您需要获取所选元素的文本，而不是任何元素，因此您需要使用this:

$(this).find('span').text()