使用JQuery仅在段落中出现特定字符时触发点击事件

Question

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

我已经使用 $(".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>

Answer 1

您可以在元素上使用 :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
  Open


  Content 2
  Open


  Content 3
  Open


  Important: Content 4
  Open

负载输出：

click on: Button 1
click on: Button 4