Javascript 无法使用jQuery将LI附加到UL_Javascript_Jquery

Javascript 无法使用jQuery将LI附加到UL

javascript jquery

Javascript 无法使用jQuery将LI附加到UL,javascript,jquery,Javascript,Jquery,我似乎无法使用jQuery向UL添加LI。当我点击按钮时，什么也没发生下面是一个快速的提琴，它描述了我面临的问题：所讨论的JavaScript和HTML标记： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery.min.js"></script> <style type="text/css"> </style&

我似乎无法使用jQuery向UL添加LI。当我点击按钮时，什么也没发生

下面是一个快速的提琴，它描述了我面临的问题：

所讨论的JavaScript和HTML标记：

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="jquery.min.js"></script>

<style type="text/css">

</style>

<script type="text/javascript">
/* declare global variable */

var recent = []

function add_to_recent() {

    var x = document.getElementById('fileno').value

    recent.push(x)

    $("#recent ul").append('<li>'+x+'</li>')

}

</script>

</head>

<body>

    <input type="fileno" type="text"><input type="button" value="search" onclick="add_to_recent()">
    <br>
    <ul id="recent">

        <li>lol</li>

    </ul>

</body>

</html>


/*声明全局变量*/
最近的var=[]
函数add_to_recent（）{
var x=document.getElementById（'fileno'）。值
最近的推送（x）
$（“#最近的ul”）。追加（“”+x+””）
}



哈哈

好的，我必须将你的函数移动一点，你混合了纯JS和Jquery，所以我把它们都做成了Jquery





最近的var=[]
将_添加到_recent=函数（）{
var x=$（'#fileno'）.val（）；
推（x）；
$（“#最近”）.append（“”+x+””）；
$（'#fileno'）.val（“”）；
}

单线解决方案：

<input id="fileno" type="text">
<input type="button" value="search" onclick="$('#recent').append('<li>'+$('#fileno').val()+'</li>');">
<br>
<ul id="recent">

</ul>

没有ID为

fileno

的元素，只有一个类型无效的输入？

<input id="fileno" type="text">
<input type="button" value="search" onclick="$('#recent').append('<li>'+$('#fileno').val()+'</li>');">
<br>
<ul id="recent">

</ul>