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 - 无法以编程方式在 Angular JS 中的 SELECT 元素上使用 2 路绑定(bind)

javascript - jQuery 获取 html 选择

jquery - 我网站上的幻灯片 div 不在固定标题 div 后面

javascript - 循环音频指定的次数 Html5 或 Javascript

javascript - 添加歌曲/轨道结束时的功能吗?

javascript - Jquery 给出错误 a.indexOf 不是函数

javascript - Chrome (WINDOWS) 在警告消息后缺少光标

php - Laravel 5.1 AJAX - 即使我发送 POST 请求也不允许返回 405 GET 方法

javascript - 根据下拉列表中的选择更新文本字段(Angular JS)

javascript - 是否可以使用 Javascript 从本地文本文件中读取内容?