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>

我尝试过与 sibling 、 parent 、 child 、这个、查找和要么没有发送任何内容，要么表单被发送了 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>

还要确保关闭 标记。看起来好像缺少一个 >.