jquery .html() 函数会杀死其他一切

Question

我正在尝试将 2 个变量合并为 1，经典的书本方式

a = 1;
b = "bla";
c = a + b;

但是，当其中一个变量具有 html() jquery 函数时，结果只是这个变量，仅此而已。为什么是这样？在这种情况下我该怎么办？

所有 JS 代码

    $("#target").click(function() {
$('#myTable tr:last').after('<tr><td>Bla</td><td><div class="remove">REMOVE</div></td></tr>');
});
$("#myTable").on('click', '.remove', function(event) {
  $(this).parent().parent().remove();
});

$("button").click(function() {
  var input = $("input").val();
  var table = $("#myTable").html();
  var output = input + "www" + table;
  $(".result").html(output);
});

相关代码:

$("button").click(function() {
  var input = $("input").val();
  var table = $("#myTable").html();
  var output = input + "www" + table;
  $(".result").html(output);
});

html 输出仅打印表格内容，但不打印其他变量。组合 vars 确实有效，但如果有 html()。在其中一个中，只打印了这个 var。这是什么来源？

http://jsbin.com/ucopun/9/edit

要查看它是否不起作用，请在输入中键入内容并单击结果。

Answer 1

.html() 从 DOM 节点设置和检索 HTML；不要与处理节点内文本值的 .text() 混淆。

也许您正想做这样的事情:

 var input = '<div>' + $("input").val() + 'www</div>';
 var table = $("#myTable").html();
 var output = input + '<table>' + table + '</table>;

坦率地说，我认为您的 HTML 太复杂了；你为什么把 div 放在表格里？？您可以减少代码并使其仅与 div 一起工作。