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为什么要将值推入变量?