javascript - 如何使用jquery查找相对附近的元素

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>

我已经尝试过使用兄弟姐妹、父母、孩子、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();
  });

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>

还要确保关闭 <button> 标签。看起来它缺少一个>。