jquery - 如果元素的内部文本与 jquery 中的模式匹配，如何获取该元素？

Question

考虑如下所示的 html，

<div id="test">
{{ sometext }}
</div>
<span class="testing">
{{ asdknfsdf }}
</span>

我想获取内部文本匹配 {{ <sometext> }} 的所有元素在 jquery.我尝试了下面的代码，但无法正确获取元素。我在这里缺少什么？

var elements = [];
$('*:contains("{{ .* }}")').each(function(){
   elements.push(this); 
});

Answer 1

几件事:

1)“无法正确获取元素”并没有很好的描述性。你没有得到结果吗？意想不到的结果？

2) 通过使用*:contains选择器，您将要求包含指定文本的每个元素。这意味着您将 html、body 和其他父元素以及最近的 div。将选择器的范围限制为 div 元素，甚至更好，限制为您知道可能包含预期结果的类。

3) 您只需对选择器的结果调用 makeArray() 即可简化逻辑:

var elements = $.makeArray($('body *:contains("{{ sometext }}")'));
console.log('elements ::', elements);