Question

我有一个div列表，它从SQL表中提取整数值。除非在表单中做出某些选择，否则所有这些div都不可见。我想创建另一个div，它总结了所有可见的div，以便用户查看其结尾总数。

编辑：以下代码现在是我所拥有的，但它总计所有div，而不仅仅是可见的。

$("#clicky").click(function () {
    var total = 0;
$('.equipmentmprice').each(function() {
    total += parseFloat($(this).find('span.price').eq(0).text());
});

$('#totalamount').text('Total is: $' + total);
});

我知道我可以使用javascript或jquery，但我不确定从哪里开始。

以下是我的一个div的例子：

<div class="largeplantablefive equipmentmprice" style="display:none">
<?php
    $connection = mysql_connect('localhost', 'test', 'testone');
    mysql_connect('localhost', 'test', 'testone');
    mysql_select_db('test');
    $queryone = mysql_query("SELECT price FROM pricing WHERE value = 'plantablefive'");
    $query_row = mysql_fetch_array($queryone);
    echo "Plan Tables: $" . ($query_row[price]) . "<span style='color:red'><i> Price does not include cost of the physical table.</i></span>";
?>  
</div>

现在我想我必须在echo语句中创建另一个div或其他标记，其值等于$ query_row。

Answer 1

你可以用jQuery做到这一点......

var divCount = $("div :visible").length;

如果你需要循环它们......

$("div :visible").each(function(index) {

    console.log( index + ": " + $( this ).text() );
    //etc.. etc.. 
});

Answer 2

通过一些搜索找到答案并使用多个建议将其组合到我自己的中。以下是我的所作所为和答案。刚添加：可见到类选择中。

$("#clicky").click(function () {
    var total = 0;
$('.equipmentmprice:visible').each(function() {
    total += parseFloat($(this).find('span.price').eq(0).text());
});

$('#totalamount').text('Total is: $' + total);
});

如果可见则添加div选项以在结尾处获得总计

2 个答案: