Question

我在每个组织旁边都有一个组织和按钮列表（迷你表单），允许用户加入/离开组织。

每个按钮或者说“加入”（带有动作/组织/ ID /加入）或“离开”（带有动作/组织/ ID /离开）。这些表单都没有唯一的ID属性，我受限制的方式是我无法为每个表单添加此ID属性。但所有行动都是独一无二的。

我想激活加入/离开流程，在用户加入/离开组织时适当切换按钮文本和操作。

使用jquery实现这一目标的最有效/最干净的方法是什么？

Answer 1

如果我说得对，你可以在每个加入/离开过程和document.ready上添加一个class属性，你可以遍历这个类来完成这个过程。

Answer 2

你需要的只是一个带有PUT请求的按钮，PUT是url / org / ID / join和/ org / ID / leave。您可以通过几种方式执行此操作，但使用jquery的ajax调用可以两者发送PUT请求，并定义回调函数。

回调函数用于将按钮的文本从连接更改为离开，并根据需要保留连接。

Answer 3

您可以遍历每个表单（在我的示例中，我假设它们都具有相同的类）。默认情况下，按钮值设置为“Join”，如果检查了某些内容，即它们已经是成员（某些== true），它会将值更改为“Leave”。

这是一个非常基本的例子，但可能会给你一些指导。

$('.organization').each(function() {
    if (something == true) {
       $(this).find('input[type="submit"]').attr('value', 'Leave');
    }
});