如何使用类 jquery 在 div 中查找文本答案

【问题标题】：how to find text inside div with class jquery如何使用类 jquery 在 div 中查找文本
【发布时间】：2012-02-20 23:22:18
【问题描述】：

我有 jquery 的拖放功能。在这个 div 标签中拖放 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 用户上显示的 fire bug：

【问题讨论】：

标签： javascript jquery drag-and-drop

【解决方案1】：

text() 方法将获取 dom 元素中的所有空格和换行符。如果你不想要它，那么你可以使用 jQuery 的 trim 方法。

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

【讨论】：