a/20267311/1636522

by wared

HTML

<h3 class="touch-line uc">Product tags</h3>
<div class="wider-box content-block profile-tags">
    <p>
        <a href="/directory/product/electronic_goods/">Electronic Goods</a>
        <a href="/directory/product/home_appliances/">Home Appliances</a>
    </p>
</div>
<h3 class="touch-line uc">Brand tags </h3>
<div class="wider-box content-block profile-tags">
    <p>
        <a href="/directory/brand/apple/">Apple</a>
        <a href="/directory/brand/breville/">Breville</a>
        <a href="/directory/brand/de_longhi/">De Longhi</a>
        <a href="/directory/brand/dyson/">Dyson</a>
        <a href="/directory/brand/kenwood/">Kenwood</a>
    </p>
</div>

CSS

#output {
    border: 1px solid black;
    padding: .25em;
    font-family: Consolas;
}
#output div {
    padding: .25em;
}

JavaScript

var data = [];
$('.wider-box p').each(function () {
    data.push($(this).children().map(function () {
        return $(this).text();
    }).get());
});

$('body').append([
    '<div id="output">',
        '<div>', data[0].join(' | '), '</div>',
        '<div>', data[1].join(' | '), '</div>',
    '</div>'
].join(''));