将变量传递给jQuery Selector

Question

我希望仅在单击该按钮时更改按钮之前的元素类。想要在单击与项目1对应的按钮时更改项目1的类别。如何将var索引作为.toggleClass中的选择器传递？

THX。

{% for object in object_list %}
      <p>object.title</p>
      <a class="btn btn-danger" href="{% url 'announcements:delete' object.id %}" role="button">Delete</a>
      <a class="btn btn-info" href="{% url 'announcements:update' object.id %}" role="button">Edit</a>
      <a class="btn btn-primary" href="" role="button">Copy</a>
{% endfor %}

Answer 1

我想你可能想要这段代码。

$(document).ready(function(){
    $('button').click(function(){
        $(this).prev().toggleClass('color');
    });
});

如果我理解你的问题，你想要点击按钮的前一个兄弟元素。 $(this)当然是按钮，.prev()将返回上一个兄弟。不需要将函数传递给toggleClass，因为该函数只返回没有逻辑的字符串。你可以使用一个字符串。