jQuery foreach期间的求和元素

Question

我想对在页面上找到的每个<a class="active">求和，并将data-value="0"中包含的<li>求和。

这是我的尝试：

var total = 0;
$('a.active').each(function(){
    total += isNaN(parseInt($(this).parent().data('value'))) ? 0 : parseInt($(this).parent().data('value'));
    console.log(total);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="nav nav-tabs-outline">
    <li class="nav-item" data-value="0">
        <a class="nav-link">No</a>
    </li>
    <li class="nav-item" data-value="50">
        <a class="nav-link active">Yes
        </a>
    </li>
</ul>
<ul class="nav nav-tabs-outline">
    <li class="nav-item" data-value="0">
        <a class="nav-link">No</a>
    </li>
    <li class="nav-item" data-value="150">
        <a class="nav-link active">Yes
        </a>
    </li>
</ul>
<ul class="nav nav-tabs-outline">
    <li class="nav-item" data-value="0">
        <a class="nav-link active">No</a>
    </li>
    <li class="nav-item" data-value="75">
        <a class="nav-link">Yes
        </a>
    </li>
</ul>

因此总数应为200。