jQuery的。选择具有类但没有style =“display：none;”属性的所有元素

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

在您的选择器上包括：visible选择器：

$('.lineitemtotal:visible');

Answer 4

If you know for certain that the attribute will always be style="display:none;" you can use an attribute selector.

Instead of this:

var line = $('.item');

Try this:

var line = $('.item[style!="display:none;"]');

using [attribute="value"] looks for elements that have attribute with value value , adding the ! before the = looks for things that do NOT match.