不能使用jQuery將LI添加到ULI

我似乎無法使用jQuery將UL添加到UL。當我點擊按鈕時，沒有任何反應。不能使用jQuery將LI添加到ULI

這裏是一個快速小提琴描繪我所面臨的問題：

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

來源

2015-11-28 Jason Kelly

有與該ID'fileno'，只需用無效的類型的輸入沒有元素？ – adeneo

好吧，我不得不搬到你的函數週圍bit，你在混合純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(""); 
}

來源

2015-11-28 22:42:45

一行溶液：

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

</ul>

來源

2015-11-28 22:44:34

不能使用jQuery將LI添加到ULI

回答

相關問題