シミュレーションを行うjQueryセレクタ：starts-withまたは：ends-withを使用してテキストを検索しますか？

Question

jQuery Webサイトのselectors listを見ると、属性のあるstarts-withとends-forのセレクタがあります。テキストを検索するための:containsセレクタもあります：

alert($("div").find("span:contains(text)").html()); 

はjQueryが開始-とを使用して検索文字列の実装を持っているか、終了 - としていますか？

FYI：XMLオブジェクトを検索する必要があります。

Answer 1

私が知る限り、デフォルトではありませんが、$.expr[":"]：http://jsfiddle.net/h6KYk/で独自の擬似セレクタを追加できます。

$.extend($.expr[":"], { 
    "starts-with": function(elem, i, data, set) { 
     var text = $.trim($(elem).text()), 
      term = data[3]; 

     // first index is 0 
     return text.indexOf(term) === 0; 
    }, 

    "ends-with": function(elem, i, data, set) { 
     var text = $.trim($(elem).text()), 
      term = data[3]; 

     // last index is last possible 
     return text.lastIndexOf(term) === text.length - term.length; 
    } 
}); 

Answer 2

あなたはjQueryのを拡張し、あなたが含まれている機能を作成するためにfilter()機能を使用することができますしたくない：

$("div").find("span").filter(function() { 
    return $(this).text().indexOf(text) >= 0; 
}); 

または正規表現でのstartsWith関数を作成します。

var expression = new RegExp('^' + text); 
$("div").find("span").filter(function() { 
    return expression.test($.trim($(this).text())); 
}); 

を

endsWith関数は非常によく似ています。

var expression = new RegExp(text + '$'); 
$("div").find("span").filter(function() { 
    return expression.test($.trim($(this).text())); 
}); 

$.trim()の使用に注意してください.HTMLには多くの空白が含まれる可能性があるためです。