JQuery select by inner text

Question

I am doing a project with fullcalendar and I need to be able to select an element based on the day number. Here is a sample of the element I need to select:

Answer 1

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

Answer 2

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

This code will add the new pseudoselector which will filter elements the internal text which isn't equal to arg. For you example use here so:

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

Answer 3

Write your own filter function:

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