Javascript:如何双击元素的部分文本值

问题描述

如何使用javascript双击元素中文本的部分值。

示例:

Site : https://www.crm.com/resource-category/all/
Xpath of Html element : (//div[@class='col-12 offset-md-1 col-md-11'])[2]
text value : Helpful resources to get you oriented around CRM.COM

现在,我想转到上面的站点并使用上面的 xpath 获取元素的文本。直到这一点它的罚款。它是一个带有简单文本的标签。但是现在,我想双击 div 元素的部分文本,即 javascript 中的“资源”

附上图片标签的整个文本值为“帮助您了解 CRM.COM 的有用资源”,但我希望代码双击可以是“要获取的资源”的部分文本。

请帮忙 Inspected value on the website

解决方法

@skr,它是标签内的一个简单文本元素。当我双击部分文本时,会出现一个弹出窗口,我需要自动化该场景。谢谢——

这就是你问的。我使用了 jQuery,但如果你愿意,你也可以使用 vanilla。

$('.clickable span').click(function(){
  alert('do something');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="clickable">
<p>A small text so you can <span><u>click here</u></span></p>
</div>