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>

P粉717595985 · Answer

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


  Content 2
  


  Content 3
  


  Important: Content 4

负载输出：

click on: Button 1
click on: Button 4