There is some important things when trying to loop through elements with JQuery.

1. Need to get an array of elements OR use .each function  (but there can be some issues there)
2. Loop through those elements

First: Assigning elements to an array.

I want everyone to know right now that I am by far an expert on this subject, but…… but…..  I do think this may help someone out.  If you have some good feedback or improvements please comment below!  The more good info the marry’er!!!!! <– is that a word? anyways.

ASSIGN ELEMENTS TO AN ARRAY or grab OBJECTs:

examples:

var divs = $('divs');
var rows = $('.container .row'); // assigns all class with rows

Once you have that assigned you can get the .length value for looping through. This is different than using the .get() which uses the dom and not JQuery. So for this writeup I will be using the JQuery .eq() function which allowed me to grab out of the array from a JQuery object.

$cnt = $row.length  // returns count obviously

Now that we have a count of how many are in the array we can do a while loop. (using .eq) and not the .get() which would look like this $row[1]. Instead what we will do will look like this $row.eq(1);. What I used this for was to determine the height of my left column and hide rows that extended the height of the main column past the height of the left. But this is only a portion of that. Here is how i looped through and hid some rows.

$i = $cnt -1;
while($i > 0){
rows.eq($i).slideUp(); // slides up all the rows
}

SO HEY YOU! WHY NOT JUST USE THE .each() FUNCTION BUILT INTO JQuery!!!!!

Ok. I’ll tell you why, or at least a partial why.  Here is the partial why.

When using the .each function it appeared that it did not do a full iteration and complete all the code sequentially.  For some reason, here is the partial I can’t cover yet, the .each function iterated each part in the enclosed function at the same time not allow me to determine things in between each loop. Which forced me to learn how to traverse the JQuery object.  Which is good because using this way was WAY less code than I was about to write out of my shear laziness.

I hope this has helped someone else out there wanting to loop through some elements. Oh and here is the code I used to hide some rows that were making the main page container not match the height to the left column. In case you were  curious.

function squishBox(){
var rows = $('.products_cont .row');
$cnt = rows.length;
$i = $cnt – 1;
while($i > 0){
$left_height = $('#LEFTPANE').height();
$main_height = $('#CONTENTPANE').height();
if($left_height < $main_height &#8211; 100){
rows.eq($i).slideUp();
}
$i&#8211;;
}
}

But for this post, I found after doing some research on the required extensions to be loaded for wordpress. >> php_exif.dll being one of those.  But it was still commented out in my php.ini.  So the natural thing to do is uncomment and restart your services, but it crashed with the error below. EEK!  Hmmm.  The next thing is to check the directory for the dll. YUP! It was there.

Warning:
PHP Startup: Unable to load dynamic library ‘Path://todrive/ext/php_exif ‘ – The specified module could not be found.

The specified module could not be found.

Then I stumbled upon this post, iis-aid.com/php_exif.dll , which stated the php_mbstring.dll extension needed to load before the the php_exif.dll loads.  Inside my php.ini file the php_exif.dll was before the php_mbstring.dll in the list of extensions in my php.ini file.  Does that make sense? Why is that coming before the other if it can’t be loaded that way? Maybe it is a Windows thing. I’m guessing someone will comment on there theory or possibly even a logical reasoning behind.

Oh yeah, so for the fix you just need to move your php_mbstring.dll above your php_exif.dll in the php.ini file extensions list and make sure they are both uncommented, then restart your server.

This worked for me to get rid of this error. Probably not the only fix for this error, but it worked for me.  If you found this post and have had similar errors but this didn’t fix it, please share your findings.

Thanks!

Notice in the code that a comma “,” is used and not the concatenation plus “+”.

// find out if a selected element's is visible.
$visible = $(this,":visible").length; // returns true of false
// find out if a selected element's immediate sibling div is visible.
$visible = $(this).next('div:visible').length; // returns true of false
// hide the selected previous siblings element, <span>hide me</span><element>this</element>
$('+ span', this).hide();
// hide the selected element's child with the class name .class
$(this,".class").hide(); // returns true of false

Haven’t tried it yet, but I am adding because I am sure I will need it in the near future.

$changing_variable = 'foo_bar';
echo constant('FOO_' . strtoupper($changing_variable));

So today a client’s wordpress theme was having these »’s show up next to all their bullets in Firefox, but not in IE.  I used firebug but the css was not showing up for what was creating it. Very strange.
» is an angle quotation mark (right), and can be displayed using &#187; or &raquo; .  So naturally I searched my css and all theme files for these HTML snippets.  I found a bunch but none I needed.  After doing some online searching I found that in some themes they use the li:before to place, a not so commonly used css element (firebug didn’t even display it), the symbol there.  But the weird thing is the css.  Check it out below, if you find this in your css anywhere, just remove it or comment it out and it will remove the arrows.

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}