Selettore jQuery che simula: inizia con: o termina con per cercare testo?

Question

Se si guarda allo selectors list sul sito Web jQuery, ci sono selettori per l'inizio e la fine sugli attributi. C'è anche un selettore per il testo :contains ricerca:

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

Vuol jQuery hanno un'implementazione per la ricerca di stringhe utilizzando inizia-con o finisce-con?

Per prima cosa: ho bisogno di cercare attraverso un oggetto XML.

Answer 1

Non per impostazione predefinita, ma è possibile aggiungere i propri pseudo-selettori tramite $.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

Quando non si desidera estendere jQuery, è possibile utilizzare la funzione filter() per creare la contiene funzionalità:

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

O creare una funzione startsWith con un'espressione regolare:

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

L'estremità della funzione Con è abbastanza simile:

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

Nota l'uso di $.trim() perché l'HTML può contenere molto spazio bianco.