javascript - 哪个 jQuery 函数将访问此标记中的下一个表和下一个 Input[type=submit] 按钮？

Question

我有一个销售 mp3 产品的页面。每个页面代表一个相册实体。每页至少包含一个专辑产品和至少一个或多个可作为单独产品购买的 mp3。每个专辑和 mp3 产品都有一个带有输入[type=submit]按钮的表单，该按钮充当“添加到购物车”按钮。

一些 mp3 已被指定为仅专辑。这是通过 span 标签进行标记来完成的。

<span class=“album-only-tag”>True</span>

基于该标记，我正在尝试编写一些可以完成 3 件事的 JavaScript:

• 删除包含价格的表格

• 禁用提交按钮，因此用户无法添加到购物车(他们必须购买专辑)。

•将输入[type=“submit”]的值更改为“仅限专辑”。

此外，代码按照 mp3 运行后需要停止，并保持其他价格表和“添加到购物车”按钮完好无损。

我的 jQuery 代码无法正常工作。我猜我对 next() 函数的使用是不正确的。

我应该使用什么 jQuery 函数来访问此标记中的下一个表格和下一个表单 input[type=“submit”] 按钮？

顺便说一句 - 这里的标记已被缩写。

<div class="views-row views-row-1 views-row-odd views-row-first">
 <div  class="ds- 1col node node--ltv-track-ii node-teaser node-product-type node--ltv-track-ii node-product-type-teaser node-ltv-track-ii-teaser view-mode-teaser node--teaser node--ltv-track-ii--teaser clearfix">
 <span class="album-only-tag">True</span>
 <table class="commerce-price-rrp-your-price">
  <tr class="odd">
   <td class="webprice-title">Price</td>
   <td class="webprice-total">$5.95</td> </tr>
</table>
<div class="field field-name-field-product">
  <form class="commerce-add-to-cart commerce-cart-add-to-cart-form-1909 commerce-cart-add-to-cart-form-1909" action="/ltvalbums/wah/lokaha" method="post" id="commerce-cart-add-to-cart-form-1909" accept-charset="UTF-8">
<div><input type="hidden" name="product_id" value="1909" />
  <input type="hidden" name="form_build_id" value="form-qbskkxq4JIW0IEzmvAgwqow7QylhhgdtnfmqbHrdMe0" />
  <input type="hidden" name="form_id" value="commerce_cart_add_to_cart_form_1909" />
  <div id="edit-line-item-fields--2" class="form-wrapper"></div>        <input type="submit" id="edit-submit--2" name="op" value="Add to cart" class="form-submit" />
  </div>
  </form>
</div>

非常感谢您对此提供的任何帮助!

Answer 1

给你，

$('.album-only-tag').each(function () {
    var table = $(this).next('table');
    var submitBtn = table.next('div').find('input[type="submit"]');

    // disable the add to cart button
    submitBtn.prop('disabled', true);

    // change the text to "Album only"
    submitBtn.val("album only");

    // remove the table
    table.remove();
});