Question

我似乎无法使用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>

Answer 1

好的，我必须稍稍移动你的功能，你正在混合Pure JS和Jquery，所以我已经把它变成了Jquery。

https://jsfiddle.net/link2twenty/80ugxpx7/4/

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

var recent = []

add_to_recent = function () {
    var x = $('#fileno').val();
    recent.push(x);
    $("#recent").append('<li>' + x + '</li>');
    $('#fileno').val("");
}

Answer 2

一线解决方案：

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

</ul>

无法使用jQuery将LI附加到UL

2 个答案: