Jquery - First instance where condition is true

Question

I'm making a custom calendar. I'm working on the position of the calendar days. I'm working on a function that needs to find the first time a condition is true.

Looking at my code below, I need to console.log("test") only the first time var J has a greater value than var currentDate.

Here is my code: http://jsfiddle.net/c33Xj/

$("#Cal tbody tr:first-child td").each(function(){
     var currentDate = (new Date).getDate();
     var h = $(this).text();
     if (h == weekDays[currentDay]) {
         var j = $(this).index();
         console.log(j);
     }
});

And what is j ? I mean what $(this).index() exactly is? Day of month? 0 = first day? Or 1 = first day? or what? — Flash Thunder
– Flash Thunder, Commented Jul 14, 2014 at 14:40
My calendar is a single row. J is each time the week day(eg. Mon) appears. — Mark
– Mark, Commented Jul 14, 2014 at 14:43
So by finding the first time J is greater than current date, I know what calendar day to mark as today. I can't have Jul. 23rd, fall on the first monday of my calendar. — Mark
– Mark, Commented Jul 14, 2014 at 14:44
You need to give us a html or at least function creating calendar table. — Flash Thunder
– Flash Thunder, Commented Jul 14, 2014 at 14:46

Gedas Kutka · Accepted Answer · 2014-07-14 15:32:14Z

2

return false;

will cancel the rest of the iterations.

See http://api.jquery.com/jquery.each/ (last paragraph right above Examples section.)

answered Jul 14, 2014 at 15:32

Gedas Kutka

1,31610 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

NoobEditor Over a year ago

wow....sometimes excess knowledge fails to find simplest solutions...perfect : +1!!

parchment · Accepted Answer · 2014-07-14 14:54:00Z

2

I would do

var e = $("#Cal tbody tr:first-child td").filter(function() { 
    return $(this).text() === weekDays[currentDay] 
}).first()

Then do whatever you want with e variable.

answered Jul 14, 2014 at 14:54

parchment

4,0121 gold badge22 silver badges33 bronze badges

Comments

dhalfageme · Accepted Answer · 2014-07-14 14:49:27Z

-1

Use a global (common) flag to all the elements and change its state the first time you call Console.log, so following times check this condition:

var logged = false;
$("#Cal tbody tr:first-child td").each(function(){
     var currentDate = (new Date).getDate();
     var h = $(this).text();
     if (h == weekDays[currentDay]) {
     var j = $(this).index();
     if(loged==false)
     {
          console.log(j);
          logged = true;
    }
 }
});

logged = false; //Restart for the next time;

answered Jul 14, 2014 at 14:49

dhalfageme

1,5754 gold badges23 silver badges48 bronze badges

Comments

SVSchmidt · Accepted Answer · 2014-07-14 14:58:01Z

-2

For identifying which day is the current day, I would use the modulus operator (%). While a division (30 / 30) leads to the result (zero), modulus means the rest. So 30 % 30 is 0, 30 % 20 is 10 (20 fits 30 one time with 10 rest) etc.

j % currentDate is zero if j is today:

if(j % currentDate == 0) {
    console.log("test");
}

answered Jul 14, 2014 at 14:58

SVSchmidt

6,6052 gold badges30 silver badges37 bronze badges

1 Comment

Flash Thunder Over a year ago

bad idea... how about 28/31 days months?

Collectives™ on Stack Overflow

Jquery - First instance where condition is true

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related