Javascript中的HTML代码失败

我需要在我的代码中添加一个HTML锚。fist代码工作正常，但不包括我需要的锚标记。但第二个失败了：

这很好，但不包括：

<script type='text/javascript'>//<![CDATA[
  $('#Quantity').keyup(function () {
    var textualValue = $(this).val();
    var numericValue = parseInt(textualValue, 10);
    if (!isNaN(numericValue)) {
      modifyDOMWithNumber(numericValue);
    } else {
      modifyDOMWithNumber(0);
    }
  });
  function modifyDOMWithNumber(number) {
    var ul = $('ul#ListToAlter').empty();
    var item;
    for (var i = 1; i <= number; i++) {
      item = $("<li>");
      if (i == 1) {
        item.text("Options for your 1st $Name");
      }else if(i == 2) {
        item.text("Options for your 2nd $Name");
      }else if(i == 3) {
        item.text("Options for your 3rd $Name");
      } else {
        item.text("Options for your number " + i + "th $Name");
      }
      ul.append(item);
    }
  }
//]]>
</script>

//

如果失败，则包括：

<script type='text/javascript'>//<![CDATA[
  $('#Quantity').keyup(function () {
    var textualValue = $(this).val();
    var numericValue = parseInt(textualValue, 10);
    if (!isNaN(numericValue)) {
      modifyDOMWithNumber(numericValue);
    } else {
      modifyDOMWithNumber(0);
    }
  });
  function modifyDOMWithNumber(number) {
    var ul = $('ul#ListToAlter').empty();
    var item;
    for (var i = 1; i <= number; i++) {
      item = $("<li>");
      if (i == 1) {
        item.html("<a>Options for your 1st $Name</a>");
      }else if(i == 2) {
        item.html("<a>Options for your 2nd $Name</a>");
      }else if(i == 3) {
        item.html("<a>Options for your 3rd $Name</a>");
      } else {
        item.html("<a>Options for your number " + i + "th $Name</a>");
      }
      ul.append(item);
    }
  }
  //]]>
</script>

//

使用

item.html（“什么html文本”）

而不是

item.text("<a> xxxx </a>").

item.text（“xxxx”）。

还要注意的是，在失败的代码中，的

循环丢失，因此不会定义
i
。
使用

item.html（“什么html文本”）

而不是

item.text("<a> xxxx </a>").

item.text（“xxxx”）。

还要注意的是，在失败的代码中，缺少
for
循环，因此不会定义
i
。
第二段代码，使用
item.html（“”）；

另请参见第二段代码，使用
item.html（“”）；

另请参见，在第二个示例中，您缺少一个元素，因为item是未定义的，而i什么都不是，因为您缺少循环。但是我不明白这个问题，如果您添加循环和LI元素，那么第二个元素将与第一个元素完全相同，并使用$.html（）而不是$.text（）：“我们需要注意，此方法将根据需要转义提供的字符串，以便在html中正确呈现。为此，它调用DOM方法.createTextNode（），不会将字符串解释为HTML。“下面的示例清楚地表明，您不能使用
.text
设置HTML。始终先阅读文档！在第二个示例中，您缺少一个元素，因为item是未定义的，而i什么都不是，因为您缺少循环。但是，我不明白这个问题，如果您添加循环和LI元素，第二个元素将完全相同与第一个相同？并使用$.html（）而不是中的$.text（）：“我们需要注意，此方法将根据需要转义提供的字符串，以便在html中正确呈现。为此，它调用DOM方法。createTextNode（）不会将字符串解释为html。”下面的示例清楚地表明，您不能使用
.text
设置HTML。请务必先阅读文档！
item.html("<a href=\"\">Options for your 1st $Name</a>");