Javascript 使用jquery在单击时向有序列表添加元素
在输入字段中输入数据,然后单击“添加新”按钮,元素应添加到列表中。在这里,帮我找出错误Javascript 使用jquery在单击时向有序列表添加元素,javascript,jquery,html,Javascript,Jquery,Html,在输入字段中输入数据,然后单击“添加新”按钮,元素应添加到列表中。在这里,帮我找出错误 $(文档).ready(函数(){ var dataAdd=[]; $(“#添加新”)。单击(函数(){ dataAdd.push($(this.data('#nameList')); console.log(data.length); }); }); 阿斯顿 贝利 克莱恩 添加新的似乎您需要smth,如: $(document).ready(function () { $("#addNew").
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
dataAdd.push($(this.data('#nameList'));
console.log(data.length);
});
});代码>
阿斯顿
贝利
克莱恩
添加新的
似乎您需要smth,如:
$(document).ready(function () {
$("#addNew").click(function(){
$("#nameList").append("<li>" + $("#data").val() + "</li>");
});
});
$(文档).ready(函数(){
$(“#添加新”)。单击(函数(){
$(“#名称列表”).append(“”+$(“#数据”).val()+“ ”);
});
});
似乎您需要smth,如:
$(document).ready(function () {
$("#addNew").click(function(){
$("#nameList").append("<li>" + $("#data").val() + "</li>");
});
});
$(文档).ready(函数(){
$(“#添加新”)。单击(函数(){
$(“#名称列表”).append(“”+$(“#数据”).val()+“ ”);
});
});
我不明白你在这里干什么
dataAdd.push($(this).data('#nameList'));
您可以使用jQuery访问DOM元素,只需引用括号中的css选择器,如下面的$('css-selector')
这个片段起到了关键作用:
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
var值=$(“#数据”).val();
如果(值){
dataAdd.push(值);
$(“#名称列表”).append(“”+value+” );
$('数据').val('');
}
console.log(dataAdd.length);
});
});代码>
阿斯顿
贝利
克莱恩
添加新的
我不明白你在这里干什么
dataAdd.push($(this).data('#nameList'));
您可以使用jQuery访问DOM元素,只需引用括号中的css选择器,如下面的$('css-selector')
这个片段起到了关键作用:
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
var值=$(“#数据”).val();
如果(值){
dataAdd.push(值);
$(“#名称列表”).append(“”+value+” );
$('数据').val('');
}
console.log(dataAdd.length);
});
});代码>
阿斯顿
贝利
克莱恩
添加新的
此功能:
var dataAdd = [];
$("#addNew").click(function() {
$('#nameList').append('<li>'+$('#data').val()+'</li>');
});
var-dataAdd=[];
$(“#添加新”)。单击(函数(){
$(“#名称列表”).append(“”+$(“#数据”).val()+“ ”);
});
这项工作:
var dataAdd = [];
$("#addNew").click(function() {
$('#nameList').append('<li>'+$('#data').val()+'</li>');
});
var-dataAdd=[];
$(“#添加新”)。单击(函数(){
$(“#名称列表”).append(“”+$(“#数据”).val()+“ ”);
});
您必须在li
中附加输入类型文本的值,而不是按钮
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
dataAdd.push($('#data').val());
$(“#名称列表”).append(“”+$(“#数据”).val()+“ ”);
console.log(dataAdd.length);
});
});代码>
阿斯顿
贝利
克莱恩
添加新的
您必须在li
中添加输入类型文本的值,而不是按钮
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
dataAdd.push($('#data').val());
$(“#名称列表”).append(“”+$(“#数据”).val()+“ ”);
console.log(dataAdd.length);
});
});代码>
阿斯顿
贝利
克莱恩
添加新的
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
var htm=''+$('#data').val()+' ';
$(“#名称列表”)。追加(htm);
$('数据').val('');
});
});代码>
阿斯顿
贝利
克莱恩
添加新的
$(文档).ready(函数(){
var dataAdd=[];
$(“#添加新”)。单击(函数(){
var htm=''+$('#data').val()+' ';
$(“#名称列表”)。追加(htm);
$('数据').val('');
});
});代码>
阿斯顿
贝利
克莱恩
Add New
代码段中的第一个明显错误是您没有添加jquery为什么要将值推入变量?代码段中的第一个明显错误是您没有添加jquery为什么要将值推入变量?