How to get attribute php html simple parset?

by Daniel Gasser

HTML

<div id="divColourImages">
    <ul id="ulColourImages" class="colourImages">`
        <li id="cvli12003003" title="Click to select Black/Charcoal" colvar-id="12003003" data-text="Black/Charcoal" class="tooltip colorImgli variantHighlight"> <a href="#">
                <img src="http://images.sportsdirect.com/images/products/12003003_bs.jpg" alt="colour">
            </a>

        </li>
        <li id="cvli12003004" title="Click to select Chalk/Black" colvar-id="12003004" data-text="Chalk/Black" class="tooltip colorImgli"> <a href="#">
                <img src="pic0.jpg" alt="colour">
            </a>

        </li>
        <li id="cvli12003022" title="Click to select Navy/White" colvar-id="12003022" data-text="Navy/White" class="tooltip colorImgli">` <a href="#">
                <img src="pic1.jpg" alt="colour">
            </a>

        </li>
        <li id="cvli12003037" title="Click to select White/Navy" colvar-id="12003037" data-text="White/Navy" class="tooltip colorImgli"> <a href="#">
                <img src="pic2" alt="colour">
            </a>

        </li>
    </ul>
</div>
<select id="sel"></select>

JavaScript

$(document).ready(function () {
    $('li').each(function () {
        console.log($(this).attr('colvar-id'));
        $('#sel').append(
        $('<option></option>')
            .val($(this)
            .attr('colvar-id'))
            .html($(this)
            .attr('data-text')));
    });

});