通过在 jquery 选择器中添加父级容器的唯一 css 类（如 `.xyz`），可精准限定脚本作用范围，避免影响其他同类型组件。
在使用 Elementor 构建页面时，常需自定义组件行为——例如让某个特定的 Accordion 组件默认关闭所有选项卡。你当前的脚本使用全局选择器 $('.elementor-tab-title') 和 $('.elementor-tab-content')，因此会匹配并操作全页所有符合该类名的元素，导致多个 Accordion 同时被重置。
要实现“仅作用于某一个区块”，关键在于提升选择器的特异性：将目标区块的唯一 CSS 类（如你在 Elementor 中为该节区手动添加的 xyz）作为父级上下文，写入选择器中，形成后代选择器（descendant selector）。
✅ 正确做法如下：
<script>
jQuery(document).ready(function($) {
var delay = 100;
setTimeout(function() {
$('.xyz .elementor-tab-title').removeClass('elementor-active');
$('.xyz .elementor-tab-content').css('display', 'none');
}, delay);
});
</script>? 注意事项：
- 确保 .xyz 是你为目标 Accordion 所在 Section / Container / Inner Section 添加的唯一自定义 CSS 类（在 Elementor 编辑器中 → 区块设置 → Advanced → CSS Classes）；
- 选择器 .xyz .elementor-tab-title 表示“在拥有 xyz 类的任意祖先元素内部”的所有 .elementor-tab-title 元素，层级关系清晰且安全；
- 避免使用 .xyz.elementor-tab-title（无空格），这会匹配同时具有两个类的单个元素，不符合预期；
- 若需更高精度（如排除嵌套子区块干扰），可改用子选择器 $('.xyz > .elementor-widget-accordion .elementor-tab-title')，但通常后代选择器已足够可靠。
? 小技巧：可通过浏览器开发者工具（F12）右键检查目标区块，确认其外层容器是否确实含有 xyz 类，并验证选择器是否能准确高亮对应元素。这样即可确保脚本精准、可维护、不污染全局行为。
