如何在 javascript/Jquery 的变量中使用 .text() 方法

Question

我是 Jquery 的新手，我需要将此 js 文件从 js 转换为 Jquery。我提供的代码可能有很多简单的错误，但我在 var textnode = $(.text(task.value)); 上收到语法错误（如果有任何额外的错误请告诉我）

  var buttontask = $("#buttontask");
  var task = $("#task");
  var list1 = $("#list1");
  var Delete = $("#delete");
  var Delete1 = $("#delete1");

  buttontask.on('click', function () {
  var newE = $('<li></li>');
  var textnode = $(.text(task.value));
  var buttondelete = $('#DIV');
  var textnodeX = $(.text('X'));


  Delete.appendChild(buttondelete);
  newE.appendChild(textnode);
  buttondelete.appendChild(textnodeX);

  newE.on('click', function() {
    this.parentNode.removeChild(this);
  });

  buttondelete.on('click', function(){
    this.parentNode.removeChild(this);
    newE.parentNode.removeChild(newE);
  });

我想转换成jq的代码

var buttontask = document.getElementById("buttontask");
var task = document.getElementById("task");
var list1 = document.getElementById("list1");
var Delete = document.getElementById("delete");
var Delete1 = document.getElementById("delete1");

buttontask.addEventListener('click', function () {
  var newE = document.createElement('LI');
  var textnode = document.createTextNode(task.value);
  var buttondelete = document.createElement('DIV');
  var textnodeX = document.createTextNode('X');

Answer 1

如果 $("#task") 引用一个文本区域，您需要使用 $("#task").text() 来存储它的值。如果它指的是文本输入，您可以使用 $("#task").val();

还要注意在javascript中对变量名使用单词删除，我知道小写版本是保留的。

如何在 javascript/Jquery 的变量中使用 .text() 方法

How to use .text() method in a variable with javascript/Jquery

javascript

jquery

dom

clicklistener