Javascript 识别具有相同属性的按钮之间的差异（刮擦）

我是一名新的刮片专家，我发现了这个问题： 我想知道，除了字符串的内容之外，我可以用什么方式识别两个按钮的差异，我想寻找它们调用的函数，但我不知道如何识别。 例如：

<button class="btn btn--primary btn--roundedIcon btn-addproduct" data-gtm="menu|click - add to cart|4552078" data-test-istempoffline="False">
            <div class="icon--plus--white"></div>
            <span class="is-visuallyHidden">Add Cheese Naan to Basket</span>
        </button>

<button class="btn btn--primary btn--roundedIcon btn-addproduct" data-gtm="menu|click - add to cart|2673400" data-test-istempoffline="False">
            <div class="icon--plus--white"></div>
            <span class="is-visuallyHidden">Add Oferta 2 Pizzas Medianas + Refresco 2L to Basket</span>
        </button>

在篮子里加入奶酪
向篮子中添加2个比萨饼Medianas+Refresco 2L

编辑：忽略数据gtm编号。第一个按钮将产品添加到购物车，但第二个按钮显示一个补充列表，该列表与页面一起加载，但隐藏了。查看参数“data gmt”内部，它们可能连接到一个回调，该回调在“添加到购物车”后的字符串末尾拾取代码

如何查看第一个按钮的产品代码为->4552078，而第二个按钮的产品代码为->2673400

然后，您可以使用一个函数来识别按钮，该函数在第二个管道字符（产品代码）之后立即查找字符串的data gmt值

范例

<button class="btn btn--primary btn--roundedIcon btn-addproduct" 
        data-gtm="menu|click - add to cart|   --> 4552078 <--"
        data-test-istempoffline="False">
            <div class="icon--plus--white"></div>
            <span class="is-visuallyHidden">Add Cheese Naan to Basket</span>
</button>
<button class="btn btn--primary btn--roundedIcon btn-addproduct" 
        data-gtm="menu|click - add to cart|   --> 2673400 <--" 
        data-test-istempoffline="False">
            <div class="icon--plus--white"></div>
            <span class="is-visuallyHidden">
              Add Oferta 2 Pizzas Medianas + Refresco 2L to Basket
            </span>
</button>

在篮子里加入奶酪
向篮子中添加2个比萨饼Medianas+Refresco 2L

他们的

数据gtm

属性不同，我忘了说有无限多个产品编号需要自动化。所以我想知道如何区分一个显示补码列表的按钮和另一个直接添加到购物车的按钮