JQuery seleziona per testo interno

Question

Sto facendo un progetto con fullcalendar e devo essere in grado di selezionare un elemento in base al numero del giorno. Ecco un esempio dell'elemento ho bisogno di selezionare:

<div class=​"fc-day-number">​1​</div>​ 

Ecco il javascript che ho scritto:

$("div.fc-day-number:contains(" + day + ")").parent().parent().css({ 'background-color': 'Green' }); 

Questo catturerà tutte le div il cui testo interno contiene la variabile giorno, problema è se il giorno == 1 allora seleziona anche 11,12,13,21,31, ecc. Come scrivo un selettore JQuery che catturerà i div con la classe "fc-day-number" e il cui testo interno è esattamente uguale al giorno?

Answer 1

Scrivi la tua filter funzione:

$("div.fc-day-number").filter(function(){ 
    return $(this).text() == day; 
}).parent().parent().css({ 'background-color': 'Green' }); 

Answer 2

$("div.fc-day-number").each(function(){ 
    if($(this).text()==day) 
    { 
     $(this).css({ 'background-color': 'Green' }); 
    } 
}); 

Answer 3

jQuery.expr[":"].text = jQuery.expr.createPseudo(function(arg) 
{ 
    return function(elem) { 
     return jQuery(elem).text().toLowerCase() == arg; 
    }; 
}); 

Questo codice sarà aggiungere il nuovo pseudoselector che filtrerà gli elementi del testo interno, che non è uguale a arg. Per esempio, utilizzare qui:

$("div.fc-day-number:text(" + day + ")").parent().parent().css({ 'background-color': 'Green' });