javascript - 每个页面的 jQuery 选择器都不同

标签 javascript jquery

我构建了一个脚本,可以在单击另一个元素时触发单击事件。例如,用户可以单击元素 A,脚本会触发对元素 B 的单击。

我的问题是,我使用的选择器仅特定于一个页面,因为它们末尾包含唯一的 ID,例如,在一个页面上我可能有选择器 123,在另一页上它可能是选择器-456。

这是实际的选择器

$('#accordion-section-sidebar-widgets-obox-layers-builder-4 > h3:nth-child(1)').trigger('click');

问题是 #accordion-section-sidebar-widgets-obox-layers-builder-4 不会总是以 4 结尾,但可能以任何数字结尾。

有没有办法使用变量作为我的选择器,例如#accordion-section-sidebar-widgets-obox-layers-builder-*

最佳答案

假设这是你的 html

<div id="accordion-section-sidebar-widgets-obox-layers-builder-4">
   hallo
</div>
<div id="accordion-section-sidebar-widgets-obox-layers-builder-6">
  bye
</div>

使用这个

$('div[id^='accordion-section-sidebar-widgets-obox-layers-builder']').innerHml()

会回来

  • 你好
  • 再见

链接到fiddle

我遗漏了选择器的最后一部分。不过,这应该可以帮助您入门。

关于javascript - 每个页面的 jQuery 选择器都不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36251881/

相关文章:

javascript - 为什么我的 SVG 形状之间存在间隙?

javascript - 将 boolean 值传递给另一个 Angular 组件

javascript - 使用嵌入式记录和 Ember 数据

javascript - 在 ReactangerlySetInnerHTML() 中使用 JSX 表达式渲染 HTML 字符串

jquery - 如何使用jquery突出显示文本而不触发点击?

iframe - 使用 iframe 显示/隐藏切换 - Jquery

javascript - 如何制作像这种结构的内容 slider

javascript - 插入具有小改动的重复 HTML block 的最佳方法是什么?

javascript - 如何显示作为 props 传递给功能组件的数组元素?

javascript - Bootstrap 3 折叠菜单在移动屏幕上不起作用