Question

我想用HTML和Javascript制作网页，其中包含年龄段和名称。它看起来像网页允许用户输入新人并显示它。 ＆＃34;如果输入的年龄已经存在于页面中，则会在其下添加名称，如果不是，则会创建新的年龄段。＆＃34;。我的问题是如何添加用户输入到列表而不重复年龄值？例如，如果用户输入了名称：Abbey，年龄：18。并且18已经在列表中，页面将显示18以下的名称而不创建另一个＆＃34; 18＆＃34;节

<!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>

Answer 1

根据年龄值添加一个类，然后使用该类选择正确的li或选择li by text。使用jquery，选择器将是$（'li：contains（18）'）

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

1 个答案: