so - class and text from li to button

http://stackoverflow.com/questions/32163080/how-to-replace-class-and-text-to-button

by Taleeb Anwar

HTML

<div id="main-id">
    <button class="one"></button>
    <button class="two"></button>
    <ul>
        <li class="text1">
            <!--List 1-->
            <div class="label">
<a href="#">text1</a>

            </div>
        </li>
        <li class="text1">
            <!--List 2 is Same-->
            <div class="label">
<a href="#">text1</a>

            </div>
        </li>
        <li class="text2">
            <!--List 3 is different-->
            <div class="label">
<a href="#">text2</a>

            </div>
        </li>
    </ul>
</div>

JavaScript

$('li').click(function () {
    var ind = 0;
    var cl = $(this).attr('class');
    var txt = $(this).find('a').text();
    var clses = [];

    $('li').each(function () {

        if (clses.indexOf($(this).attr('class')) == -1) {
            clses.push($(this).attr('class'));
            ind = ind + 1;

        }

        if ($(this).attr('class') === cl) {
            return false; // break 
        }

    });

    $('button:nth-child(' + ind + ')').addClass(cl);
    $('button:nth-child(' + ind + ')').text(txt);
    return false;
});