如何使用jQuery选择包含特定文本值的span？

Question

如何找到包含文本“FIND ME”的元素

<div>
   <span>FIND ME</span>
   <span>dont find me</span>
</div>

- MedicineMan

---

可能是通过文本查找jQuery元素的重复问题。 - Felix Kling

Answer 1

http://api.jquery.com/contains-selector/

$("span:contains('FIND ME')")

ETA:

contains选择器很不错，但是如果过滤一组span，使用filter可能更快：http://jsperf.com/jquery-contains-vs-filter

$("span").filter(function() { return ($(this).text().indexOf('FIND ME') > -1) }); -- anywhere match
$("span").filter(function() { return ($(this).text() === 'FIND ME') }); -- exact match

- Malk

---

这是否回答了我的下一个问题？https://dev59.com/CGox5IYBdhLWcg3wHAwA - MedicineMan

是的。过滤器再次成为答案，但这次您检查整个.text()值是否匹配，而不是查找索引。答案已更新。 - Malk

谢谢Malk！我之前没听说过filter()。有时候它是必要的，因为contains()是通配符比较，所以会找到“FIND ME”和“DON'T FIND ME”，如果你需要精确匹配，这并不有用。 - Peadar

Answer 2

使用 contains 选择器：

$("span:contains('FIND ME')")

- Jake Feasel

---

这个不起作用。在原帖中，他有两个span：找到我和不要找我。你正在检查span是否包含这个文本，所以你找到了两个。 - Paul

Answer 3

顺便提一下，如果您想将此与变量一起使用，可以这样做：

function findText() {
    $('span').css('border', 'none');  //reset all of the spans to no border
    var find = $('#txtFind').val();   //where txtFind is a simple text input for your search value
    if (find != null && find.length > 0) {
        //search every span for this content
        $("span:contains(" + find + ")").each(function () {
            $(this).css('border', 'solid 2px red');    //mark the content
        });
     }
}

- TheWizardOfTN

Answer 4

我认为这个会有效

var span;
$('span').each(function(){
  if($(this).html() == 'FIND ME'){
    span = $(this);
  }
});

- buck54321

---

我如何使用Selenium在Python中完成这个任务？ - Vandit Jain