javascript - 如何从JavaScript到HTML表填充2 <weeks <9

<table id="test">
<tbody>
</tbody>
</table>

<script>

 str="<tr><td>3<weeks<=9</td></tr>";
 $('#test tbody').html('str');

</script>

输出即将到来：
3作为表中的一列，因为“

最佳答案

使用<（或<）表示lessthan(<)符号

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="test">
  <tbody>
  </tbody>
</table>

<script>
  str = "<tr><td>3&lt;weeks&lt;=9</td></tr>";
  //            --^--    --^--
  $('#test tbody').html(str);
</script>

参考：http://www.w3.org/TR/html4/sgml/entities.html
或者可以使用jQuery通过使用jQuery生成元素来完成这项工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="test">
  <tbody>
  </tbody>
</table>

<script>
  $('<tr>', {
    html: $('<td>', {
      text: '3<weeks<=9'
    })
  }).appendTo('#test tbody');
</script>

关于javascript - 如何从JavaScript到HTML表填充2 <weeks <9，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37951555/