根據選定的UL LI項目從中生成數組-如何刪除尾隨空白？

Question

我似乎無法弄清楚為什么我的數組會有尾隨空白。 構建基於選擇的李項目我的數組后，最終的結果目前看起來是這樣的： 1234 ,0123我怎樣才能得到的輸出為： 1234,0123 ？

這是有問題的代碼：

var arr_numbers = [];
window.onload = function() {

    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (!$clicked.hasClass("select")) {
            $(this).find('ul li').hide();
        }
    });

    $(".select").click(function () {
        $(this).find('ul li').toggle();
    });

    $(".select ul li").click(function(e) {
        if (e.ctrlKey) {
            e.stopPropagation();
            if ($(this).hasClass('selected')) {                        
                $(this).removeClass('selected');
            }
            else {
                $(this).addClass('selected');
            }

            var c = $(this).parent().find("li.selected").length;

            $(this).closest("div").contents().first()
              .replaceWith((c > 1) ? "(" + c + ")" : $(this).text());
        }
        else {
            $(this).closest("div").contents().first()
              .replaceWith($(this).text());

            var id = $(this).closest('[id]').attr('id');
            $(this).closest('.select').find("ul li").removeClass('selected');
            $(this).addClass('selected');
        }
    }); 
}


function get_data_array(element) {
    if (element == 'numbers') {
        var data_array_numbers = [];
        var list = $("#numbers ul").find("li.selected")
        $.each(list, function() {
            //alert($(this).data('val'));
            //alert($(this).text());                
            data_array_numbers.push($(this).text());
        });
        alert(data_array_numbers);
    }
}

這是HTML：

Numbers
<div class="select" id="numbers">&nbsp;
    <ul>
        <li>&nbsp;</li>
        <li data-val="1234">1234</li>
        <li data-val="5678">5678</li>
        <li data-val="0123">0123</li>
    </ul>
</div>
<br><br>
Letters
<div class="select" id="letters">&nbsp;
    <ul>
        <li>&nbsp;</li>
        <li>abcd</li>
        <li>efgh</li>
        <li>ijkl</li>
    </ul>
</div>
<br><br>
Fruits
<div class="select" id="fruits">&nbsp;
    <ul>
        <li>&nbsp;</li>
        <li>apples</li>
        <li>bananas</li>
        <li>oranges</li>
    </ul>
</div>

<br><br>
<input type="button" value="test" onclick="get_data_array('numbers')">

Answer 1

使用jQuery.trim()從字符串的開頭和結尾刪除空格

data_array_numbers.push(jQuery.trim($(this).text()))

Answer 2

除了@Pranav的答案，您還可以使用常規的字符串修飾：

data_array_numbers.push($(this).text().trim());

提醒您，它不起作用<= ie8

w3參考