使用JQuery仅在段落中出现特定字符时触发点击事件
P粉269530053
P粉269530053 2024-02-17 22:23:01
0
1
518

我有一个手风琴,其中一些文本标记为“重要”。我希望页面通过单击页面加载时的按钮切换来自动打开标记为“重要”的页面。

我已经使用 $(".diff__filename:contains('sections/')")) 在标题中搜索“重要”一词,但我不知道如何告诉它单击旁边的按钮。

我选择使用 JQuery 以避免循环遍历类名。

<p class="title">
  Important: Content 1
  <button class="toggle">Open</button>
</p>
<p class="title">
  Content 2
  <button class="toggle">Open</button>
</p>
<p class="title">
  Content 3
  <button class="toggle">Open</button>
</p>
<p class="title">
  Important: Content 4
  <button class="toggle">Open</button>
</p>

P粉269530053
P粉269530053

全部回复(1)
P粉717595985

您可以在元素上使用 :contains,然后触发点击:

$('document').ready(function() {

  $('button').click(function() {
    let name = $(this).data('name');
    console.log('click on:', name);
  });

  $('div p:contains("Important")').find('button').trigger('click');

});
sssccc

Important: Content 1

Content 2

Content 3

Important: Content 4

负载输出:

click on: Button 1
click on: Button 4
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板