如何在不重复 li 值的情况下将用户输入添加到 ul？答案

【问题标题】：how can I add the user input to the ul without repeating li values?如何在不重复 li 值的情况下将用户输入添加到 ul？
【发布时间】：2016-03-10 01:11:10
【问题描述】：

我想用 HTML 和 Javascript 制作网页，其中有年龄作为部分和名称。它看起来像网页允许用户输入新的人并显示它。 “如果页面中已经存在输入的年龄，则将在其下添加名称，否则将创建新的年龄部分。”。我的问题是如何在没有用户输入的情况下将用户输入添加到列表中重复年龄值？例如，如果用户输入姓名：Abbey，年龄：18。并且 18 已经在列表中，则页面将显示 18 岁以下的姓名，而不会创建另一个“18”部分

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <ul>
        <li>30</li>
        <ul>
            <li>Joe</li>
            <li>Adam</li>
        </ul>
        <li>50</li>
            <ul>
               <li>Scot</li>
            </ul>
    </ul>
    <button type="button" onclick="myFunction()">Add New</button>   
    <script>
    function myFunction(){
        var name = prompt("Please enter first name");
        var age = prompt("Please enter second name");
    }
    </script>
</body>
</html>

【问题讨论】：

标签： javascript html

【解决方案1】：

根据年龄值添加一个类，然后使用该类选择正确的 li 或通过文本选择 li。使用 jquery，选择器将是 $('li:contains(18)')

【讨论】：

我添加了代码，可以用我的代码来实现，因为我不熟悉 Jquery。谢谢@gabsoft