JQuery seleccionar por el texto interno

Question

Estoy haciendo un proyecto con fullcalendar y necesito poder seleccionar un elemento basado en el número del día. Este es un ejemplo del elemento que necesito para seleccionar:

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

aquí es el código JavaScript que he escrito:

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

Esto puede grabar todos los divs cuyo texto interno contiene la variable de días, el problema se si día == 1 entonces también selecciona 11,12,13,21,31, etc. ¿Cómo escribo un selector de JQuery que tomará los divs con la clase "fc-day-number" y cuyo texto interno es exactamente igual al día?

Answer 1

Escribe tu propia filter función:

$("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; 
    }; 
}); 

Este código se sumará la nueva pseudoselector que filtrará los elementos del texto interno que no es igual a arg. Para su ejemplo, use aquí de modo que:

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