javascript - 如何更好地使用 jquery 选择一个类？

Question

我有一个引导按钮：

模板标签/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'

主页.html

{% 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”），甚至添加一个新类），但没有任何效果。所以我想知道任何其他选择器。

Answer 1

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

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

Answer 2

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

您也可以始终使用 id 选择器来精确

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