onChange 事件与rails3 javascript jQuery

Question

我有一个投票表，您还可以在其中添加另一个答案，然后当您这样做时，才会出现投票按钮...

编辑2！

在我的views/index.html.erb中，我有：

<table>
<% @questions.each do |question| %>
<% for answer in question.answers %>


            <td>Other:</td>
            <td>        
              <%= form_tag('/vote/new_answer', :method => "post") do %>
              <%= hidden_field_tag('answer[question_id]', question.id) %>
              <%= hidden_field_tag('answer[user_id]', current_user.id) %>
            <div class="other_answer">
              <%= text_field_tag('answer[content]') %>
            </div>
          </td>
            <td>
                <div class="other_answer_button", hidden='true'>
              <%= submit_tag('Vote') %>
                </div>
<% end %>
<% end %>

在我的application.js文件中，我有：

$(function() {
    $(".other_answer input").change(function() {
        if ($.trim($(this).val()) == "") {
            $(".other_answer_button").hide();
        }
        else {
            $(".other_answer_button").show();
       }       
    });
});

仍然相同：

现在它可以工作......但是如果我在其中一个文本字段中放入一些文本，所有投票按钮都会出现。它只应该在该特定答案处显示一票按钮。

我是否应该以某种方式向每个文本输入字段以及投票按钮添加一个增量 ID？

有人吗？ 问候， 泰斯

Answer 1

实际上，还有一些其他事情需要在您的 js 代码中进行修改：

$(function() {
    $(".other_answer input").change(function() {
        if ($.trim($(this).val()) == "") {
            $("input", $(this).parents("td").next()).hide();
        }
        else {
            $("input", $(this).parents("td").next()).hide();
       }       
    });
});

该解决方案非常依赖于标记，并且选择器可能无法正常工作，因为我没有测试过，所以尝试稍微尝试一下，如果它没有。