在jQuery中如何添加前置列表项到ul从输入字段检索

时间:2019-04-24 11:51:35

标签: jquery

我想在要显示为类似列表项的输入字段中添加追加到ul。

public class Node
{
        public Node()
        {
            Nodes = new ObservableCollection<Node>();
        }
public bool IsFolder { get; set; }
public string Name { get; set; }
public ObservableCollection<Node> Nodes { get; set; }
}

1 个答案:

答案 0 :(得分:0)

使用prepend来解决此引用http://api.jquery.com/prepend/

$(document).ready(function(){
    $("button").click(function(){
        if (!$('#myText').val().trim())
        {
            alert("please enter the text");
        }
        else
            $("#demo").prepend('<li>'+$('#myText').val()+'</li>')     
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body> 
    <input type="text" id="myText" onfocus="this.value=''">
    <button>add</button>
     <ul id="demo">
     </ul>
 </body>