如何用jquery选择一个更好的类

how to select a class using jquery a better way?

本文关键字:一个 更好 何用 jquery 选择      更新时间:2023-09-26

我有一个Bootstrap按钮:

templatetag/q_extras.py

@register.filter(name='topic_following')
def is_user_following_topic(value,arg):
    try:
        tp=Topic.objects.get(id=int(value))
        usr=User.objects.get(id=int(arg))
        Followings.objects.get(user=usr,topic=tp)
        return 'btn-success'
    except:
        return 'btn-inverse'

home。

{% load q_extras %}
<button id="{{ topic.pk }}" 
class="follow btn {{ topic.pk|topic_following:user.pk }}" 
data-toggle="button">
Follow</button>
<script>
$(document).ready(function(){
    $(".btn-success").text("UnFollow");
});
</script>

上面的方法工作良好,但我知道这不是正确的方法,因为可能有按钮具有相同的类(.btn-success)。

所以我尝试了很多其他方法($(".follow").find(".btn-success"),甚至添加一个新类),但没有任何工作。所以我想知道这个的其他选择器

确保只选择一个元素的最佳方法是使用id的选择器。如果你能做到这一点,那么你的问题就解决了,因为多个具有相同id的html元素是不允许的。

$("#btn-id").text("UnFollow"); // where btn-id is the id of the button

您可以尝试更具体的$(".follow .btn-success").text("UnFollow");

你也可以总是使用id选择器来精确

$("#id").text("UnFollow");