Select 正确的元素
Select the correct element
当有人将此产品添加到 'my favourite' 部分时，我正在尝试使用 GTM 设置一个事件。除了 'product name'.
，我得到了设置事件的所有元素
url是这个->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\" 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" Silver HT">
<section class="product__content">
<div class="img-wrapper">
<img alt="Funda Shockwave anti-impactos iPad 9.7" 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\"" 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"">
<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 变量以使用此元素选择器获取标题 -> article#cmp-product_1.product.cmp-product
但我的问题是数字（在本例中为 1）取决于产品在网格中的位置，因此，对于 1，变量仅获得第一个网格产品的名称。
如何正确获取产品名称？
提前致谢！
如果您希望 CSS 到 select 任何具有 id 且以
开头的元素
cmp-product_
那么select或者是：
[id^="cmp-product_"]
在这种情况下 ^= 表示 任何以这些字符开头的 id.
进一步阅读属性选择器：
https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
当有人将此产品添加到 'my favourite' 部分时，我正在尝试使用 GTM 设置一个事件。除了 'product name'.
，我得到了设置事件的所有元素url是这个->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\" 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" Silver HT">
<section class="product__content">
<div class="img-wrapper">
<img alt="Funda Shockwave anti-impactos iPad 9.7" 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\"" 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"">
<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 变量以使用此元素选择器获取标题 -> article#cmp-product_1.product.cmp-product
但我的问题是数字（在本例中为 1）取决于产品在网格中的位置，因此，对于 1，变量仅获得第一个网格产品的名称。
如何正确获取产品名称？
提前致谢！
如果您希望 CSS 到 select 任何具有 id 且以
cmp-product_
那么select或者是：
[id^="cmp-product_"]
在这种情况下 ^= 表示 任何以这些字符开头的 id.
进一步阅读属性选择器：
https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors