这是HTML:
<input type="text" id="name" /><input type="button" id="insert" value="Insert" />
<div id="display_list"></div>
这是jQuery代码:
$(document).ready(function() {
function display() {
$('#display_list').text('');
$.each(names, function(index, value) {
$('#display_list').append(index + 1 + '. ' + value + '<br/>');
});
}
var names = ['cow', 'alex', 'ram'];
display();
$('#insert').click(function() {
var name = $('#name').val();
names.push(name);
display();
});
});
问题在于显示
起初,但是当我在输入处输入内容并单击插入框时,它没有显示任何值,而是增加了索引号,如下所示:
答案 0 :(得分:0)
您可以使用$.trim()
检查输入值是否为空:
$('#insert').click(function(){
var name= $.trim($('#name').val())
if (name != "") {
names.push(name);
display();
}
});