StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POWhen writing a jquery function? How can I go about adding:nth-child to $(this) inside the function?
text
Body
copied!<p>I need to build navigation with jQuery by grabbing the current year making it the first nav element. Then building other list items to display the subsequent years... my problem is targeting the siblings of the list items inside of a jQuery function which i want to be able to do so I can easily run that function on multiple pages... here is what I have so far... i can set up a fiddle if it will help just request it.</p> <p>This is the successful/working code but not wrapped in a jQuery function:</p> <pre><code>$currentYear = (new Date).getFullYear(); $navListEl = $("#yearNav li").length; // = 7 $lastYear=0; for (var i=1;i<$navListEl+1;i++) { $("#yearNav li"+":nth-child("+i+")").append($currentYear-$lastYear); $lastYear++; } </code></pre> <p>First Try:</p> <pre><code>jQuery.fn.createNav = function(){ $currentYear = (new Date).getFullYear(); $navListEl = $(this).length; // = 7 alert('hey'); $lastYear=0; for (var i=1;i<$navListEl+1;i++) { $(this+":nth-child("+i+")").append($currentYear-$lastYear); $lastYear++; } } $("#yearNav li").createNav(); </code></pre> <p>Second Try: (This one works kinda but duplicates the nmbers on each li item instead of once on each)</p> <pre><code>jQuery.fn.createNav = function(){ $currentYear = (new Date).getFullYear(); $navListEl = $(this).length; // = 7 $lastYear = 0; for (var i=1;i<$navListEl+1;i++) { $(this).append($currentYear-$lastYear); $lastYear++; } } $("#yearNav li").siblings().createNav(); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload