1

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

这很好用，不包括：

<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>
4

2 回答 2

3

利用

item.html("<a> what ever html text</a>")

代替

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

另请注意，在失败的代码中，for缺少循环，因此i不会被定义。

于 2013-06-02T10:56:25.023 回答
1

第二段代码，使用item.html("<a>Options for your 1st $Name</a>");可能工作正常。但是您没有包含元素的href属性<a>，这会导致某些浏览器不将文本装饰为链接。为了将其装饰为链接（下划线、特征颜色等），您可以将其替换为：

item.html("<a href=\"\">Options for your 1st $Name</a>");

另请参阅这个简短的演示。

于 2013-06-02T11:15:11.677 回答