如何使用jquery選擇包含特定文本值的跨度？

如何找到包含文本的跨度「FIND ME」如何使用jquery選擇包含特定文本值的跨度？

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

來源

2012-02-24 MedicineMan

可能重複的[jQuery查找元素的文本]（http://stackoverflow.com/questions/7321896/jquery-find-element-by-text） – 2012-02-24 03:17:16

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

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

ETA：

的包含選擇是好的，但過濾跨度的列表，如果可能更快：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

來源

2012-02-24 02:14:53 Malk

這是否回答我的下一個問題？ http://stackoverflow.com/questions/9424509/how-do-i-select-a-span-containing-an-exact-text-value-using-jquery – MedicineMan 2012-02-24 02:27:49

是的。過濾器再次是答案，但是這次您檢查整個.text（）值以進行匹配，而不是查找索引。答案已更新。 – Malk 2012-02-24 02:31:20

謝謝Malk！我沒有聽說過濾器（）。有時候這是必要的，因爲contains（）是通配符比較，因此如果需要精確匹配，將會找到'FIND ME'和'DO NOT FIND ME'，這對您無用。 – Peadar 2013-01-14 11:17:59

使用contains：

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

來源

2012-02-24 02:15:07

我認爲這會工作

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

來源

2012-02-24 02:16:27 buck54321

Oh yeah。那些其他答案要好得多。使用這些。 – buck54321 2012-02-24 02:17:02

順便說一句，如果你想用一個變量使用這個，你會做這種方式：

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 
     }); 
    } 
}

來源

2013-04-30 16:27:20 TheWizardOfTN

如何使用jquery選擇包含特定文本值的跨度？

回答

相關問題