如何将 ID 元素添加到 Add To Cart？答案

【问题标题】：How add ID element to the Add To Cart?如何将 ID 元素添加到 Add To Cart？
【发布时间】：2021-03-17 20:17:48
【问题描述】：

我想在包含具有指定名称的类的行中添加一个 ID（我说的是添加到购物车）你能帮忙吗？

当前结果：

<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed">Add to cart</button>

想要的结果：

<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed" id="newid">Add to cart</button>

我找到了如何使用 google chrome 控制台执行此操作，但我不知道如何编写 functions.php 的代码：

document.getElementsByClassName("single_add_to_cart_button")[0].id = "newid"

我试过了，但过滤器似乎错误：

add_filter('woocommerce_product_single_add_to_cart_attr', 'add_cart_button_custom_id');
function add_cart_button_custom_id($attr)
{
    $attr .= 'id="my_custom_id_123"';
    return $attr;
}

【问题讨论】：

您可以尝试自己覆盖模板。据我所见，添加到卡片按钮 (github.com/woocommerce/woocommerce/blob/…) 上没有过滤器。其他解决方案，如果您可以动态添加它，是使用 JS 添加它，如下面的答案指出的那样。

标签： php html jquery wordpress woocommerce

【解决方案1】：

代码：

$('.wc-variation-selection-needed').attr('id', 'newid');

Working Fiddle

【讨论】：

谢谢 Rajen，但它在我手上不起作用。我可以使用不需要操作（单击按钮）来运行的脚本吗？
事实上，我使用了一个插件，当您点击所选 ID（添加到购物车按钮）时触发打开一个弹出窗口。
您应该在选定的 ID 按钮上调用此函数。
我对 WordPress 的了解为零，但就 JavaScript 和 jQuery 而言，它应该可以工作。