是否可以选择包含h1的锚标签，其中包含文本“ Visit Site”？

Question

我正在使用Cypress.io测试我的创业公司的网站，并希望选择一个特定的锚标记。

但是，该锚定标记没有可用于标识的唯一属性，因此，我想使用包含文本“ Visit Site”的子级h1标记来帮助识别该锚定标记。

<a href="/blablabla" target="_blank" rel="noopener noreferrer canonical">
  <h1>Visit Site</h1>
</a>

我将无法使用href属性来帮助识别锚标记，因为书面测试将用于结构相同但内容不同的其他页面。

我的问题是，我不知道是否有可能根据其是否包含特定文本的元素来选择元素。

Answer 1

您好，根据您的问题，我已经准备好示例，请检查此链接Example Link

$(document).ready(function(){
$("a").each(function(index,elem){
	let findHeading=$(elem).find("h1:contains('Visit Site')");
  if(findHeading!=undefined)
  {
  	console.log("Index "+index);
  	console.log("Find H1 "+$(findHeading).html());
  }
  
})
	
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="/blablabla" target="_blank" rel="noopener noreferrer canonical">
  <h1>Visit Site</h1>
</a>
<a href="/blablabla" target="_blank" rel="noopener noreferrer canonical">
  <h1>Hello</h1>
</a>
<a href="/blablabla" target="_blank" rel="noopener noreferrer canonical">
  <h1>Visit Site</h1>
</a>

注意：您可以看到第二个A标记h1包含有hello字