选择正确的元素

Question

当有人将此产品添加到“我最喜欢的”部分时，我正在尝试用GTM设置一个事件。除“产品名称”外，我将获得设置事件的所有元素。

网址是这个-> https://www.silversanz.com/categoria/1/subcategoria/10/productos

以下是一些代码：

<article class="product cmp-product   " data-product-id="2166" data-gtm-name="Funda Shockwave anti-impactos iPad 9.7\&quot; Silver HT" data-gtm-id="111943640199" data-gtm-price="24.1879" data-gtm-brand="Silver HT" data-gtm-category="Apple-ipad" data-gtm-variant="" data-gtm-list="Fundas tablets" data-gtm-position="1" id="cmp-product_1" data-state="rendered">
    <a href="/producto/2166" class="product__content-link" title="Funda Shockwave anti-impactos iPad 9.7&quot; Silver HT">
      <section class="product__content">
        <div class="img-wrapper">
          <img alt="Funda Shockwave anti-impactos iPad 9.7&quot; Silver HT | Silver Sanz" src="//s3-eu-west-1.amazonaws.com/silversanz.com/product_images/images/product_images_2533_grid.png?1548836431" class="">
        </div>
        <h4 class="title">Funda Shockwave anti-impactos iPad 9.7" Silver HT</h4>
      </section>
    </a>

<article class="product cmp-product   " data-product-id="519" data-gtm-name="Funda Wave azul marino para iPad Air 1,2, y iPad Pro 9,7\&quot;" data-gtm-id="111933840199" data-gtm-price="19.9892" data-gtm-brand="Silver HT" data-gtm-category="Apple-ipad" data-gtm-variant="" data-gtm-list="Fundas tablets" data-gtm-position="2" id="cmp-product_2" data-state="rendered">
    <a href="/producto/519" class="product__content-link" title="Funda Wave azul marino para iPad Air 1,2, y iPad Pro 9,7&quot;">
      <section class="product__content">
        <div class="img-wrapper">
          <img alt="Funda  iPad Air 1,2,  iPad Pro 9,7" src="//s3-eu-west-1.amazonaws.com/silversanz.com/product_images/images/product_images_1378_grid.png?1528287248" class="">
        </div>
        <h4 class="title">Funda Wave azul marino para iPad Air 1,2, y iPad Pro 9,7"</h4>
      </section>
    </a>

使用tihis代码，我尝试在GTM中创建一个元素Dom变量，以获得这个元素选择器->文章#cmp-product_1 Product.cmp-product的标题

但我的问题是，这个数字，在这里是1，取决于产品在网格中的位置，因此，对于1，变量只得到第一个网格产品的名称。

怎样才能得到正确的产品名称？

提前感谢！

Answer 1

如果您希望您的CSS选择以id开头的任何元素

cmp-product_

然后选择器是：

[id^="cmp-product_"]

在本例中，^=是指以这些字符开头的任意id。

再读属性选择器：

selectors