jquery - 在按钮单击 Jquery 上查找动态 中 的文本

Question

我使用 ajax 调用返回 json 数组的 php 脚本来填充 friend 列表。我用 friend 的名字填充每个列表项，并在其旁边放置一个按钮。名称和按钮都在列表项中。我想在单击按钮时找到 friend 的姓名，这样我就可以将其发布到另一个脚本，该脚本会将他们从 friend 列表中删除。此外，当用户单击侧面按钮时，我需要选择整个列表项，以便我可以立即将其从无组织列表中删除。我遇到的问题是我试图调用类似 $(this).find('font').text(); 的东西但这仅指单击的按钮而不是整个列表项。我确信这是我忽略的简单事情，但它已经让我悲伤太久了。

HTML

<ul data-role="listview" data-inset="true" id="friends" data-theme="a" 
data-divider- theme="a">
    <li data-role="list-divider"><h3>Friends</h3></li>
</ul>

Javascript

    function getFriendsList(){
    var searchType = "friend";
    var friendList = "";
        var friendName = "";
        var friendPoints = "";
    var name = "";
    $.post('friendScript.php', {
        searchType : searchType,
    }, function(data){
        $.each(data, function(index, value){
            $.each(value, function(index, item){
            if(index == 0){
                friendName = item;
            }
            if(index == 1){
                friendGratii = item;
            }   
        });
        friendList += '<li class="friend"><a href=""><h3>' + 
                                  '<font id="friendsName">' + 
                                  friendName + 
                                  '</font>' + " - " + 
                                  friendPoints + 
                                  '</h3></a>' + 
                                  '<a href="" id="defriend" data-icon="delete">' +
                                  "Remove Friend " + '</a>' + '</li>';
    });
    $('#friends').append(friendList).listview('refresh');
            $('#friends').find('li:has(font)').find('#defriend')
            .unbind("click").bind("click",  
                function(){
        var clickedFriend = $(this);
            name = $(this).find('.friend').text(); //HERE IS THE PROBLEM IT 
                                                        //ALWAYS RETURNS AN EMPTY STRING
                        $.post('defriendScript.php', {
                friendName : name,
            }, function(data){
                if(data != "success"){
                alert(data);
                }
                if(data == "success"){
                    $(clickedFriend).remove();
                }
            });
        });
    }, "json"); 
    };

Answer 1

你正在这样做:

name = $(this).find('.friend').text();

$(this)将是#defriend元素，它是 <li> 的子元素。做$(this).find('.friend')将搜索类 friend 的元素在你的按钮内。这不是你想要的。试试这个:

name = $(this).parent().text();