jQuery. Wähle alle Elemente mit einer Klasse aus, aber ohne style = "display: none;" Attribut

Question

Ich habe die folgende Klasse, die auswählt, was innerhalb der td.lineitemtotal-Zellen ist, und es in der getTotal-Funktion verwendet, um eine Summe der Zellen zu erhalten. Aber ich möchte nicht, dass die Funktion die Zeilen verwendet, die in einem tr.line_item_row mit style = "display: none;" Attribut.

$(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

Wollen Sie das?

$('.lineitemtotal:visible'); 

Dieser Satz enthält die nicht versteckten Elemente mit der Klasse lineitemtotal.

Answer 2

Auf dem Selektor umfassen die :visible Selektor:

$('.lineitemtotal:visible'); 

Answer 3

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

Answer 4

Wenn Sie sicher wissen, dass das Attribut immer style="display:none;" Sie ein Attribut Selektor verwenden sein.

Statt dessen:

var line = $('.item'); 

Try this:

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

mit [attribute="value"] für Elemente sieht die attribute mit Wert haben value und fügte hinzu, die ! vor dem = für Dinge sieht, die nicht übereinstimmen .