Menggunakan JQuery untuk mencetuskan acara klik hanya apabila aksara tertentu muncul dalam perenggan

Question

Saya mempunyai akordion dengan beberapa teks bertanda "Penting". Saya mahu halaman membuka halaman secara automatik yang ditandai "Penting" dengan mengklik butang togol apabila halaman dimuatkan.

Saya telah menggunakan $(".diff__filename:contains('sections/')")) untuk mencari perkataan "Penting" dalam tajuk, tetapi saya tidak tahu bagaimana untuk memberitahunya untuk mengklik butang di sebelahnya.

Saya memilih untuk menggunakan JQuery untuk mengelakkan gelung melalui nama kelas.

<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

Anda boleh menggunakan :contains pada elemen dan kemudian mencetuskan klik:

$('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

Muatkan output:

click on: Button 1
click on: Button 4