Question

我有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>

我已经尝试过兄弟姐妹，父母，孩子，这个，查找并且没有任何内容被发送，或者表单被发送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();
  });

Answer 1

<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>

还要确保关闭＆lt; button＆gt;标签。看起来它缺少一个＆gt;。

如何使用jquery查找相邻的元素

1 个答案: