Question

我有以下JQuery：

fname = "TEST";
lname = "THIS";
spec = "DOCTOR";
addr = "999 vern blvd";
phonen = "999.999.9999";

$('#resultTable tr:last').after('<tr><td id=first>fname</td><td id=last>lname</td><td id=specialty>spec</td><td id=address>addr</td><td id=phone>phonen</td></tr>');

以下仅显示变量名称。如何编辑它以显示值？

Answer 1

这应该可以解决问题：

$('#resultTable tr:last').after('<tr><td id=first>'+fname+'</td><td id=last>'+lname+'</td><td id=specialty>'+spec+'</td><td id=address>'+addr+'</td><td id=phone>'+phonen+'</td></tr>');

Answer 2

字符串连接

"<td id=first>" + fname + "</td>"

Answer 3

您的连接错误。您正在将变量名称写为字符串，而不是使用变量值。

$('#resultTable tr:last').after('<tr><td id=first>' + fname + '</td><td id=last>' + lname + '</td><td id=specialty>' + spec+ '</td><td id=address>' + addr+'</td><td id=phone>' + phonen +'</td></tr>');

为了获得更多可重复性，您可以执行以下操作： - Test Demo

var newTr = $('<tr />').append(
    $('<td/>', {
        text: fname,
        id: 'first'
    }))
        .append(
    $('<td/>', {
        text: lname,
        id: 'lname'
    }))
        .append(
    $('<td/>', {
        text: specialty,
        id: 'specialty'
    }))
        .append(
    $('<td/>', {
        text: address,
        id: 'address'
    }))
        .append(
    $('<td/>', {
        text: phone,
        id: 'phone'
    }))
  $('#resultTable').append(newTr);

Answer 4

fname = "TEST";
lname = "THIS";
spec = "DOCTOR";
addr = "999 vern blvd";
phonen = "999.999.9999";

$('#resultTable tr:last').after('<tr><td id=first>'+fname+'</td><td id=last>'+lname+'</td><td id=specialty>'+spec+'</td><td id=address>'+addr+'</td><td id=phone>'+phonen+'</td></tr>');

''内的任何内容都是字符串，因此您需要使用一个'来停止字符串，+表示您正在向字符串添加内容，然后是变量。之后，您使用+表示您将继续在字符串上添加内容而另一个'再次启动字符串部分。

Answer 5

$('#resultTable tr:last').after("<tr><td id=first>"+fname+"</td><td id=last>"+lname+"</td><td id=specialty>"+spec+"</td><td id=address>"+addr+"</td><td id=phone>"+phonen+"</td></tr>");

Answer 6

JavaScript是一种解释型计算机编程语言。作为Web浏览器的一部分，实现允许客户端脚本与用户交互，控制浏览器，异步通信以及更改显示的文档内容。它在服务器端编程，游戏开发和桌面应用程序的创建中也很常见。

在JQuery中显示变量

6 个答案: