Как найти текст внутри Div с классом JQuery

Question

У меня есть функция перетаскивания с JQuery. Перетаскивая div внутри этого тега div, есть только одно изображение и две метки, как я могу написать текст в drop div с классом меток?

Div:

 <div id="list_item" class="dragable">
                    <asp:Image ID="Image1" Height="50" Width="50" ImageUrl='<%# Eval("ProfilePicture")%>'
                        runat="server" />
                    <label id="list_item_username" class="friend_user_name">
                        <%# Eval("FriendUserName")%>
                    </label>
                    <label id="list_item_ranknumber">
                        <%# Eval("RankNumber")%></label>
                    <label id="list_item_rankname">
                        <%# Eval("RankName")%></label>
                </div>

это мой jquery:

 $("#clan_drop").droppable({
    accept: ".dragable",

    drop: function (ev, ui) {

        UserCount++;

        if (UserCount > 10) {
            alert("You cannot add more users. Maximum quantity of gamers in one clan is 10");
        } else {

            $("#drag_here_container").css("display", "none");
            var droppedItem = $(ui.draggable).clone();
            $(this).append(droppedItem);
            var user = $(this).find('.friend_user_name').text();

            if ($.inArray(user, UsersList) > -1) {

                $('.dragable:last').remove();
            } else {

                UsersList.push(user);
                SendUserToC(user);
            }
        }
    }
});

это то, что ошибка огня показывает для пользователя var:

Answer 1

text() метод получит все пробелы и символы новой строки в элементе dom.Если вы не хотите этого, вы можете использовать метод jQuery trim.

var user = $.trim($(this).find('.friend_user_name').text());