红宝石在铁轨上。 Ajax，jquery部分影响所有相同的类

Question

我是 jquery 的新手，但我正在尝试将 ajax 内容添加到我的 rails 应用程序中。我正在渲染一个部分，它显示了一个用户列表和一个链接来评价他们旁边的每个用户。当我单击链接时，表单成功呈现并提交等等，但我遇到的问题是表单呈现在类的每个实例上。 我已经搜索并尝试使用 $(this) 但这似乎破坏了一切（没有渲染）。

在部分中多次渲染的链接：

<td> <%= link_to 'Click here to rate this user', new_user_review_path(:user_id => request.gig.user.id, :gigid => request.gig.id), class: "new-review", remote: true %> </td>

jquery：

$('.new-review').hide().after('<%= j render("form") %>')

（隐藏所有 .new-review 实例，并为每个用户显示表单）

我通过搜索尝试了各种方法（都没有奏效）；

$(this).find('.new-review').hide().after('<%= j render("form") %>')

$(this)('.new-review').hide().after('<%= j render("form") %>')

$(".new-review").click(function(){
    $(this).find('.new-review').hide().after('<%= j render("form") %>');
});

$('.new-review', this).hide().after('<%= j render("form") %>')

任何提示将不胜感激，谢谢！

Answer 1

据我了解，问题在于所有链接都有一个类“.new-review”，因此 jQuery 不使用您需要的类，而是使用它们。不知何故，您需要分离链接。我建议使用这个来改变一个类：

#{@user.id}

在你的情况下，它会是这样的：

<td> <%= link_to 'Click here to rate this user', new_user_review_path(:user_id => request.gig.user.id, :gigid => request.gig.id), class: "new-review-#{@user.id}", remote: true %> </td>

对于 jQuery，您需要像这样更改它：

$('.new-review-<%= @user.id %>').hide().after('<%= j render("form") %>')

不确定我是否正确理解了这个问题，但我希望这会有所帮助或提供任何提示。