jQuery. Select all elements with a class but without style="display:none;" attribute

Question

I have the following class, which selects what's inside of the td.lineitemtotal cells and uses it in the getTotal function to get a total of the cells. But, I don't want the function to use the lines that are in a tr.line_item_row with style="display:none;" attribute.

$(document).ready(function() {
  var line = $('.item');
  // so the line totals are calculated on page load
  getLineItemTotals(line);

  var line_totals = $('.lineitemtotal');
  getTotal(line_totals); // So the total is calculated on page load.
});

// get invoce grand total
function getTotal(lines) {
  var total = 0;
  $.each(lines, function(){
    total += parseFloat($(this).html());
  });
  $('#total-price').html('$' + total.toFixed(2));
}

Answer 1

Do you want this ?

$('.lineitemtotal:visible');

This set contains the not hidden elements having class lineitemtotal.

Answer 2

var line_totals = $('.lineitemtotal:not([style*="display:none"])');

Answer 3

On your selector include the :visible selector:

$('.lineitemtotal:visible');