如何使用jquery选择包含特定文本值的范围?

时间:2012-02-24 02:11:56

标签: javascript jquery

如何找到包含“FIND ME”文本的范围

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

4 个答案:

答案 0 :(得分:91)

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

答案 1 :(得分:11)

使用contains

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

答案 2 :(得分:3)

我认为这会起作用

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

答案 3 :(得分:2)

顺便说一句,如果您想将它与变量一起使用,您可以这样做:

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