识别具有相同属性的按钮之间的差异（抓取）

Question

我是新手，我发现了这个问题： 我想知道以哪种方式可以识别具有相同 html 的 2 个按钮的差异，除了字符串的内容，我在寻找他们调用的函数时很努力，但我不知道如何。 这是一个例子：

<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>

编辑：忽略 data-gtm 编号。第一个按钮将产品添加到购物车，但第二个按钮显示一个补充列表，该列表与页面一起加载，但被隐藏

Answer 1

查看参数“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>