Verwenden Sie JQuery, um ein Klickereignis nur dann auszulösen, wenn ein bestimmtes Zeichen in einem Absatz erscheint

Question

Ich habe ein Akkordeon mit einem Text mit der Aufschrift „Wichtig“. Ich möchte, dass die Seite beim Laden der Seite automatisch Seiten öffnet, die als „Wichtig“ gekennzeichnet sind, indem ich auf eine Schaltfläche klicke.

Ich habe $(".diff__filename:contains('sections/')")) verwendet, um im Titel nach dem Wort „Wichtig“ zu suchen, weiß aber nicht, wie ich es anweisen soll, auf die Schaltfläche daneben zu klicken.

Ich habe mich für die Verwendung von JQuery entschieden, um eine Schleife durch Klassennamen zu vermeiden.

<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');

});

  Important: Content 1
  Open


  Content 2
  Open


  Content 3
  Open


  Important: Content 4
  Open

负载输出：

click on: Button 1
click on: Button 4