jQuery. Wybierz wszystkie elementy z klasą, ale bez stylu = "display: none;" atrybut

Question

Mam następującą klasę, która wybiera zawartość komórek td.lineitemtotal i używa jej w funkcji getTotal, aby uzyskać łączną liczbę komórek. Ale nie chcę, aby funkcja używała linii, które są w tr.line_item_row z style = "display: none;" atrybut.

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

Chcesz tego?

$('.lineitemtotal:visible'); 

Ten zestaw zawiera niewidoczne elementy o klasie lineitemtotal.

Answer 2

Na selektora to selektor :visible:

$('.lineitemtotal:visible'); 

Answer 3

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

Answer 4

Jeśli wiesz na pewno, że atrybut będzie zawsze style="display:none;" można użyć selektora atrybutu.

Zamiast tego:

var line = $('.item'); 

Spróbuj tego:

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

użyciu [attribute="value"] szuka elementów, które mają attribute o wartości value, dodając ! przed = patrzy na rzeczy, które nie pasują .