Squarespace 标签 ID

Squarespace Tag ID's

我正在尝试在 Squarespace 上使用代码注入(也在那里询问,但没有答案。)我需要自上而下列表的值。但是,每次加载页面时,ID 都会发生变化。在此页面加载中它是 "yui_3_17_2_1_1549074579113_1343" 在随后的加载中它会有所不同。

我需要调用开发者模式来锁定它吗?如果现在,该怎么做? (如果是这样,那么代码注入作为一种选择似乎毫无用处)

示例代码来自 what/where 我需要下面的代码。

非常感谢'

克里斯

<div class="variant-select-wrapper" data-text="Original+1&quot;" id="yui_3_17_2_1_1549074579113_1343">
      <select data-variant-option-name="Select Stem Size" id="yui_3_17_2_1_1549074579113_987">
        <option value="">Select Select Stem Size</option>
        <option value="Original-1.5&quot;">Original-1.5"</option><option value="Original-1&quot;">Original-1"</option><option value="Original-.5&quot;">Original-.5"</option><option value="Original">Original</option><option value="Original+.5&quot;">Original+.5"</option><option value="Original+1&quot;">Original+1"</option><option value="Original+1.5&quot;">Original+1.5"</option><option value="Original+2&quot;">Original+2"</option>
      </select>
    </div>

正如 Brandon 指出的那样,"yui-..." ID 是动态的,您不能使用它们来识别对象。

还有其他类型的 id,collectionitempageblock(可能还有其他)。任何以 "collection-""item-""page-" 开头的 ID 都可以安全使用。以 "block-" 开头的 id 是安全的,但以 "block-yui" 开头的 id 可能不安全(squarespace 论坛上似乎对此有一些争论)。

不同的模板在使用 ID 方面具有不同的结构。我使用基于 Brine 的模板,它的安全 ID 很少。有关处理的一些建议是复杂选择器 (here) and Attribute Selectors (here)。