0

同様の構造の20個のdivがあり、その中にフォームを送信するために使用する閉じるボタンがあります。

<div id="product_1">
  <button type="button" class="close-div"</button>  <!!!! the close button!!!
  <div class="span6">
    <div class="row">
      <div class="span2">
        <p>content</p>
      </div>
      <div class="span4">
        <h2>content</h2>
        <%= form_for(product, :remote => true) do |f| %>
          <div id="slider_product_1"</div>
          <%= f.hidden_field :value, :id => "value_product_1", class: "product-value" %>
          <%= f.submit 'Ready', :id => "submit_product_1", :class => "submit-button" %>
        <% end %>
      </div>
    </div>
  </div>
</div>

兄弟、親、子、this、findを試してみましたが、何も送信されないか、フォームが20回送信されます（ページには同様の構造のフォームが20個あります）。どんな助けでも大歓迎です

<script type='text/javascript'>
  $(".close-div").on("click", function() {
    $(this).siblings().children(".product-value").val(2);
    $(this).siblings().children(".submit-button").click();
    $(this).parent().slideUp();
  });

4

1 に答える 1

2 
<script type='text/javascript'>
  $(".close-div").on("click", function() {
    var $parent = $(this).parent();
    $parent.find(".product-value").val(2);
    $parent.find(".submit-button").click();
    $parent.slideUp();
  });
</script>

また、<button>タグを必ず閉じてください。>がないようです。

于 2012-12-04T14:45:53.173 に答える