单击最接近我的span标记的特定div元素

Question

我写了一个函数，它从多项选择中返回4个不同的span元素。然后我写了另一个选择答案的函数。

我不确定如何把这两件作品连在一起。

以下是返回的范围

<span class="choice-label" data-bind=​"text:​ fact.value">​Randy Thompson</span>​
<span class=​"choice-label" data-bind=​"text:​ fact.value">​Colton Roberts​</span>​
<span class=​"choice-label" data-bind=​"text:​ fact.value">​Eric Stavers​</span>​
<span class=​"choice-label" data-bind=​"text:​ fact.value">​Jessica Linglong​</span>​

我的其他函数仅返回名字，例如“eric”

上面的每个跨度都被一个带有btn btn-class的div包围。

如何选择与'eric'匹配的范围。

这是抓取以后使用的名称的函数

var s = $("div.card-content[data-bind='resizedImage: questionFact.value']").css('background-image');
var n = s.indexOf('-');
s = s.substring(0, n != -1 ? n : s.length);
s.replace('url("http://mytestsite.com/testcase/', '');

s == eric

所以从s我需要点击上面的跨度，但是最近的div有btn btn-class

的类

这是我用来拉出4个不同跨度的东西。 $('div .answer span')

我尝试过$（'div .answer span：contains（eric）'）但这不起作用。不确定我错过了什么。

Answer 1

尝试$（“div .answer span：contains（'Eric'）”）（包含区分大小写）