Javascript 五里之后'；s防止再出现和放置``

所以我有一段代码，在一个列表中显示奖牌（img），我的目标是，一旦显示了5个李牌，之后再删除。（如果可能，还可以显示三个省略号

…

，将用户重定向到可以看到所有这些奖牌的位置。）感谢所有帮助

<div id="medals">
    <h3 style="text-decoration:underline;">User medals:</h3>
    <ul>
        <script>
        document.getElementById('medals').getElementsByTagName('li').length >= 5 {  } // my first guess at starting something like my question off? 
        </script>
        <li>
            <img src="images/medals/startup.png" title="<?php echo $profile_data['display_name'];  ?> created a profile!" alt="a medal should be here?">
        </li> // a medal that all users get
        <?php echo base64_decode($profile_data['medals'] // this code displays all medal <li>'s from MySql database); ?>
    </ul>
</div>

用户奖章：

document.getElementById（'aclements'）.getElementsByTagName（'li'）.length>=5{}//我第一次猜测像我的问题这样的问题是什么？

创建了个人资料！“alt=”奖牌应该在这里？”>
//所有用户都能获得的奖牌
您可以使用几个带偏移量的strpos（）来获取最后一个
的位置

然后使用该位置获得所需的子字符串

<div id="medals">
    <h3 style="text-decoration:underline;">User medals:</h3>
    <ul>
        <li>
            <img src="images/medals/startup.png" title="<?php echo $profile_data['display_name'];  ?> created a profile!" alt="a medal should be here?">
        </li> // a medal that all users get
        <?php $medalslist = base64_decode($profile_data['medals']; // this code displays all medal <li>'s from MySql database);
              $pos = strpos($medalslist, '</li>', strpos($medalslist, '</li>', strpos($medalslist, '</li>', strpos($medalslist, '</li>', strpos($medalslist, '</li>')+5)+5)+5)+5);
              echo substr($medalslist, 0, $pos+5); // get position of last </li>
              echo '<li><a href="/USERNAME/MEDALS">...</a></li>';
        ?>
    </ul>
</div>


用户奖章：


创建了个人资料！“alt=”奖牌应该在这里？”>
//所有用户都能获得的奖牌
这是一个简短的快速示例，应该让您开始学习。（注意，这绝对不是准备好的））：

html:


阿纳克
阿纳克
阿纳克
阿纳克
阿纳克
阿纳克
阿纳克


纯JS：

function showAll(){
    var ellipsis = document.getElementsByTagName("a")[0]; // remove ellipsis
    ellipsis.parentNode.removeChild(ellipsis);
    for(i = 0; i <= list.length ; i++){ // display hidden list elements
         document.getElementsByTagName("li")[i].style.display="block";
    }
}

function showSome(n, list){// shows only first n out of list elements

    var i, tmp,
        a = document.createElement("a");

    a.href = "#";
    a.onclick = showAll;
    a.text = "...";

    if (list.length > n){
        for(i = 0; i <= list.length ; i++){
            if (i > n){
                tmp = document.getElementsByTagName("li")[i]
                if(tmp)
                    tmp.style.display="none";       
            }            
        }
       document.getElementById("list").appendChild(a);       
    }    
}
var list = document.getElementsByTagName("li");
showSome(3, list);

函数showAll（）{
var ellipsis=document.getElementsByTagName（“a”）[0]；//删除省略号
省略号.parentNode.removeChild（省略号）；
对于（i=0；i n）{
对于（i=0；i n）{
tmp=document.getElementsByTagName（“li”）[i]
如果（tmp）
tmp.style.display=“无”；
}            
}
文件.getElementById（“列表”）.appendChild（a）；
}    
}
var list=document.getElementsByTagName（“li”）；
showSome（3，列表）；
您的列表是如何生成的？它来自数据库吗？如果是这样的话，将其限制在适当的数字该列表是从MySQL数据库中提取的Hi，只是一个小假设，此代码总共允许6个li（包括第一个li，而不是php代码的一部分），还是总共只允许5个li？谢谢。还有一件事，当我在我的网页上尝试这段代码时，它似乎只显示两个最大的li（一个总是包含在内，另一个）。有没有办法解决这个问题，谢谢！
<ul id="list">
    <li>anac</li>
    <li>anac</li>
    <li>anac</li>
    <li>anac</li>
    <li>anac</li>
    <li>anac</li>
    <li>anac</li>
</ul>

function showAll(){
    var ellipsis = document.getElementsByTagName("a")[0]; // remove ellipsis
    ellipsis.parentNode.removeChild(ellipsis);
    for(i = 0; i <= list.length ; i++){ // display hidden list elements
         document.getElementsByTagName("li")[i].style.display="block";
    }
}

function showSome(n, list){// shows only first n out of list elements

    var i, tmp,
        a = document.createElement("a");

    a.href = "#";
    a.onclick = showAll;
    a.text = "...";

    if (list.length > n){
        for(i = 0; i <= list.length ; i++){
            if (i > n){
                tmp = document.getElementsByTagName("li")[i]
                if(tmp)
                    tmp.style.display="none";       
            }            
        }
       document.getElementById("list").appendChild(a);       
    }    
}
var list = document.getElementsByTagName("li");
showSome(3, list);