php - 达到最大值时隐藏按钮 : Jquery

Question

我有以下按钮，用于以 16 为增量查看更多好友:

<button class="cancel auto-btn hide-btn" id="viewAllFriends" style="display: visible;">View All Friends</button>

它的初始显示如下:

var username = '<?php echo $username; ?>';
var num_friends = '<?php echo $num_friends; ?>';
var counter = 8;

$(document).ready(function(){

    <?php if ($num_friends > 8): ?>
    $("viewAllFriends").attr('style', 'display: visible;');

    $("#viewAllFriends").click(function(){
        counter = counter+16;

            $.ajax({

                url:'includes/handlers/ajax_load_profile_friends.php',
                type:'POST',
                data:{'username':username, 'num_friends':num_friends, 'counter':counter},

                    success: function(data) {
                        $('#data_friends').html(data);
                            }
                    });
            });
    <?php else: ?>   
        $("#viewAllFriends").attr('style', 'display: none;');
    <?php endif; ?>
});

如果用户的好友超过 8 个，则该按钮显示；如果好友少于 8 个，则不显示。当 ajax_load_profile_friends.php 时到最后，我有一个隐藏的标签在页面上回响。

$max = "<p id='max' hidden>$num_rows</p>";
echo "$max";

html 输出如下所示:<p id="max" hidden="">43</p>

直到最后一次查询后，此隐藏标记才会出现在页面上。我想要做的是，当 43 出现时(在本例中表示没有更多 friend 可以加载)，从 View 中删除“查看更多 friend ”按钮。

这是我尝试过的:

var friend_count = '<?php echo $num_friends; ?>';
var max = ("max").text();

if (max = friend_count) {
    $("#viewAllFriends").remove();

} 

遗憾的是，这不起作用 - 按钮仍然存在。其他一切都很好，但最后的细节。我不太擅长 jQuery，所以我想知道 ajax 是否覆盖了这个脚本，或者我是否可能无法获取 var max 中的数据。 ？任何帮助、链接、示例将不胜感激。

Answer 1

我可以试试

$('#viewAllFriends').hide();

http://api.jquery.com/hide/

相反

$("#viewAllFriends").remove();