prev()在我的代码中不起作用

时间:2016-02-24 09:30:29

标签: javascript jquery

我有一个按钮,点击它,我想得到product_id的值,这是它的兄弟,但是以下代码不起作用。它给了我不明确的。 Fiddle Html主要是固定的,我无法提供任何课程

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>prev demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<form class="commerce-add-to-cart commerce-cart-add-to-cart-form-3" action="/drupal_commerce/" method="post" id="commerce-cart-add-to-cart-form-3" accept-charset="UTF-8">
  <div>
    <input type="hidden" name="product_id" value="3">
    <input type="hidden" name="form_build_id" value="form-WLgRLYXPHDHNkH-vTSrERT4DGaqutn88pAlta_eJNig">
    <input type="hidden" name="form_token" value="UhnJe2M-N6lxx2LdqBvWm6EUbB7gD0Uv3r3OaTc_s1Q">
    <input type="hidden" name="form_id" value="commerce_cart_add_to_cart_form_3">
    <div id="edit-line-item-fields--2" class="form-wrapper"></div>
    <input type="hidden" name="quantity" value="1">
    <input class="button01 form-submit" type="submit" id="edit-submit--3" name="op" value="Add to cart">
  </div>
</form>

<script>
  $('.commerce-add-to-cart input[type="submit"]').on('click', function(event){
console.log($(this).prev('input[name=product_id]').val())
  });
</script>

</body>
</html>

0 个答案:

没有答案