使用JQuery仅在段落中出现特定字符时触发点击事件-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

P粉269530053 2024-02-17 22:23:01

[HTML讨论组]

888

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

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

全部回复(1)

P粉7175959852024-02-18 09:15:59 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
  


  Content 2
  


  Content 3
  


  Important: Content 4

负载输出：

click on: Button 1
click on: Button 4

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>