Question

I know this is bad, because most of y’all like seeing the code on here.
However I’m trying to make an extensive calculator for my small business and I’m doing a lot of things wrong.

Please don’t correct all my code, that would be too much work. But I was wondering if there is a way to not run jQuery on an element when it is hidden.

I have several calculators for each product type and the way my code is written, it only works on that first element ID even when it is hidden.

Here is a link to the calculator I’m working on: http://www.virtualbookworm.com/productioncalcnew.php

and here is the JS: http://www.virtualbookworm.com/vbwcalcnew.js

Answer 1

If you want to select elements that aren’t hidden in a selector, the simple solution is to use the :visible selector.

For example :

var inputs = $('input:visible');