Re-appending stuff for Dusty

by Admiral Potato

HTML

<div id="holder">
    
    <div id="volvo" class="sales_tab">
        <h3>Non-branded</h3>
        <ul class="assets">
            <li data-branded="true">A</li>
            <li data-branded="false">B</li>
            <li data-branded="true">C</li>
            <li data-branded="false">D</li>
            <li data-branded="true">E</li>
        </ul>
        <ul class="branded">
            
        </ul>
    </div>
    
    <div id="peterbuilt" class="sales_tab">
        <h3>Non-branded</h3>
        <ul class="assets">
            <li data-branded="true">Z</li>
            <li data-branded="false">Y</li>
            <li data-branded="true">X</li>
            <li data-branded="false">W</li>
            <li data-branded="true">V</li>
        </ul>
        <ul class="branded">
            
        </ul>
    </div>
</div>

CSS

body{
    font-family: sans-serif;
}
#holder{
    padding: 8px;
}
.sales_tab{
    background-color: #9ff;
    margin: 4px;
}
h3{
    background-color: #ccc;
    padding: 4px;
    margin: 2px;
}

li{
    background-color: #ddd;
    padding: 2px;
    margin: 2px;
}

JavaScript

$('.sales_tab').each(function(id, parent) {
    var $parent = $(parent),
        showBranded = false,
        $branded = $parent.find('.branded');
    $parent.find('.assets > li').each(function(id, item) {
        var $item = $(item),
            data = $item.data();
        console.log(data);
        if(data.branded) {
            showBranded = true;
            $branded.append(item);
        }
    });
    if(showBranded) {
        $branded.before('<h3>Branded</h3>');
    }
});