Jquery遍历2个对象

Question

我正在使用Squarespace，所以我试图注入一个代码来处理他们现有的代码。在此页面上，照片旁边有10个电子邮件地址，每张照片和电子邮件由Squarespace生成，代码一致。我想这样做，以便当我点击电子邮件地址（或.summary-excerpt）时，链接会打开默认邮件应用，例如<a href="mailto:someone@example.com">Send Mail</a>但我无法写出来因为照片使用其图库功能进行对齐，因此可以在任何地方对代码进行编码。

首先，我尝试使用Jquery选择电子邮件。这就是我到目前为止所做的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style>
.summary-excerpt:hover{
 cursor: pointer; 
}
</style>

<script>
$(document).ready(function(){
   $(".summary-excerpt").click(function(){

      var link_to_email = this.p:nth-of-type(2).html();
window.location.href = link_to_email;
});


});

</script>

这是我试图遍历的树：

Answer 1

您可以将.find与nth-child(index)选择器

一起使用

var link_to_email = $(this).find("p:nth-child(2)").text();