如何从 django 模板中的 for 循环中获取特定的 id？

Posted 2023-02-24

【中文标题】如何从 django 模板中的 for 循环中获取特定的 id？

【英文标题】：How to get specific id from for loop in django template?

【发布时间】：2021-07-27 03:09:26

【问题描述】：

我正在使用 django 和 javascript，我正在尝试在不刷新页面的情况下关注和取消关注多个用户。因此我使用ajax。我现在面临的问题是，无论我点击该用户还是其他用户，第一个关注者都会关注和取消关注。这是一个明显的行为，因为我不明白如何获取用户的特定 ID来自 for 循环，以便我可以在 js 函数中使用该用户。

               % if follower.user in request.user.userprofile.follower.all %
                 <span><a class="btn btn-success" id="follow-buttonfollow.id" toggle="follower" type="submit">% csrf_token %UnFollow</a></span>
                 % else %
                
                 <span><a class="btn btn-warning" id="follow-buttonfollow.id" toggle="follower" type="submit">% csrf_token %Follow</a></span>
                  % endif %
                </div><!--/ followers-body -->
                % endfor % 




<script>
    
        
        
        $(document).on('click','a[id^=follow-button]', function (e) 
            var user = $('#follow-button').attr('toggle'); //this user is coming the first use of looping object..no matter if i click on the 2nd or 3rd user of the loop.
            console.log(user,'im im im tested');
            e.preventDefault();
            $.ajax(
            type: 'POST',
            url: '% url "profiles:toggle" %',
            data: 
                user_toggle: user,
                csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
                action: 'POST',
            ,
            success: function (json) 
                result = json['result']
                console.log(result,"maii mai maima maima a")
                if (result) 
                    document.getElementById("is_following").innerhtml = '<a class="btn btn-success" id="follow-button" toggle="user.userprofile" type="submit">% csrf_token %UnFollow</a>'
                    
                else
                    document.getElementById("is_following").innerHTML = '<a class="btn btn-warning" id="follow-button" toggle="user.userprofile" type="submit">% csrf_token %Follow</a>'
                    
            ,
            error: function (xhr, errmsg, err) 
            
            );
        )
</script>

【参考方案1】：

这更多的是 JS/JQuery 问题而不是 Django 问题，但这是我认为您缺少的问题。

向元素添加侦听器时，您可以选择使用保存的单词 this 获取与之交互的元素。

您在代码中的问题是您检索user 的那一行。如果您将$('#follow-button') 替换为$(this)，那么您将获得被点击的用户。 从那里您可以轻松检索 id。