jQuery selector que simula: starts-with o: ends-with para buscar texto?

Question

Si mira el selectors list en el sitio web de jQuery, hay selectores para start-with y ends-with en los atributos. También hay un selector :contains para el texto a buscar:

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

¿Se jQuery tienen una implementación para buscar cadenas utilizando inicia-con o termina con-?

FYI: Necesito buscar a través de un objeto XML.

Answer 1

No, por defecto, hasta donde yo sé, pero puede agregar sus propios pseudo selectores a través de $.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

Cuando no se desea extender jQuery, puede utilizar la función filter() para crear la funcionalidad contiene:

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

O crear una función startsWith con una expresión regular:

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

La función endsWith es bastante similar:

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

Tenga en cuenta el uso de $.trim() porque HTML puede contener una gran cantidad de espacios en blanco.