用jquery替换javascript语法

Replace javascript syntax with jquery

本文关键字：语法 javascript 替换 jquery      更新时间：2023-09-26

有人能解释为什么这个替换不起作用，以及如何使它在中起作用吗

我想用jquery 替换javascript代码

    var table = document.getElementById("tabell");
    var newRow = table.insertRow(-1);
    ...

工作！！！！

   var table = $('#tabell').val();
   var newRow = table.insertRow(-1);

不起作用！！！

我得到以下错误

11:26:07810 TypeError:table.insertRow不是函数

没有jQuery的版本会执行以下操作：

  • var table=带id="tabell"的DOMElement（假定为<table id="tabell">，但未严格执行）
  • var newRow=<tr>-DOMElement

现在，jQuery版本所做的是：

  • var table=空字符串
  • var newRow抛出错误，因为字符串没有insertRow方法

您需要更改的是让jQuery返回<table>-元素，例如：

var table = $('#tabell')[0];

或者

var table = $('#tabell').eq(0);

尽管这假设它总是存在，但它所做的是让jQuery收集具有id=tabell的元素列表，并选择第一个。如果这个假设成功了，tabel变量将包含您想要的DOM元素，并且insertRow将是已知的。

当您试图转换为jQuery时，您可能需要将其重写为以下内容：

var tabel = $('#tabell');
var newRow = table.prepend('<tr>');

在这种情况下，tabel和newRow实际上都是围绕匹配/创建的DOM元素

的jQuery封装
相关文章：