使用value ="'+ variable +'"追加HTML输入并没有给我正确的值

Question

我有一个表(用PHP创建(来自mySQL的数据)),如下所示:

<table class="data-table">
  <tbody>
    <tr>
      <td class="databasecontent">maybe some values</td>
      <td class="databasecontent">maybe empty</td>
    </tr>
    <tr>
      <td class="databasecontent">another row</td>
      <td class="databasecontent"></td>
    </tr>
  </tbody>
</table>

然后我得到了一个列表,我希望内容附加到:

<ul class="plannerlist" id="plannerlist2">
</ul>

(我<ul>总共得了6个id="plannerlist1, 2, ...").
所以我希望文本.databasecontent:nth-child(1)来附加到ul#plannerlist1这个JS:

var database1 = $("td.databasecontent:nth-child(1)").text;
$("ul#plannerlist1:visible").append('<input type="text" readonly value="' + database1 + '">');

var database2 = $("td.databasecontent:nth-child(2)").text;
$("ul#plannerlist2:visible").append('<input type="text" readonly value="' + database2 + '">');

and so on...

我认为jQuery应该可以工作,但它只是给我一个输入值:

function (a){return S(this,function(a){return void 0===a?r.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)}

我的代码有问题吗？

Answer 1

您应该使用.text()而不是使用.text它,如果您没有做错,它将完美地工作.