达到最大值时隐藏按钮：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 出现时（在此示例中表示没有更多朋友要加载）是从视图中删除查看更多朋友按钮。

这是我尝试过的：

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();

Answer 2

解决办法可能是这样的。

首先更新ajax_load_profile_friends.php

$max = "<input id='max' type='hidden' value='".$num_rows."'>";
echo "$max";

然后在你的脚本中

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

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

}