Javascript 附加“&书信电报;李>&书信电报;a hef='#'&燃气轮机;文本</a></李>&引用;至&书信电报;ul>&引用;使用jqueryforeach&;追加

Javascript 附加“&书信电报;李>&书信电报;a hef='#'&燃气轮机;文本</a></李>&引用;至&书信电报;ul>&引用;使用jqueryforeach&;追加,javascript,jquery,html-lists,Javascript,Jquery,Html Lists,我正在尝试使用调用web服务的结果动态创建链接列表。我的HTML中有元素 <ul id="myList"></ul> 我想我可以使用以下脚本创建列表: $each(options, function(index) { $("#myList").append($("<li>", {}).append($("<a>", { href: options[index].href })).text(options[index].text)); })

我正在尝试使用调用web服务的结果动态创建链接列表。我的HTML中有
元素

<ul id="myList"></ul>
我想我可以使用以下脚本创建列表:

$each(options, function(index) {
    $("#myList").append($("<li>", {}).append($("<a>", { href: options[index].href })).text(options[index].text));
});
$each(选项、函数(索引){
$(“#myList”).append($(“
  • ”,{}).append($(“
  • 谁能告诉我哪里出了问题

    谢谢。

    试试这个

    $.each(options, function(index) {
        $("#myList").append($("<li>").append($("<a>", { href: options[index].href , text : options[index].text})));
    });
    
    $。每个(选项、函数(索引){
    $(“#myList”).append($(“
  • ”).append($(“

    试试这个

    $.each(options, function(index) {
        $("#myList").append($("<li>").append($("<a>", { href: options[index].href , text : options[index].text})));
    });
    
    $。每个(选项、函数(索引){
    
    $(“#myList”).append($(“
  • ”).append($(“

    我认为您可能对
    append
    嵌套不正确。请尝试:

    $.each(options, function(index) {
        $("#myList").append(
            $("<li>", {}).append(
                $("<a>", { href: options[index].href }).text(
                    options[index].text
                )
            )
        );
    });
    
    $。每个(选项、函数(索引){
    $(“#myList”).append(
    $(“
  • ”,{}).append( $(“”,{href:options[index].href}).text( 选项[索引]。文本 ) ) ); });

  • 按照您的方式,您将
    文本添加到
  • ,而不是

    我认为您可能没有正确地嵌套
    附加。请尝试:

    $.each(options, function(index) {
        $("#myList").append(
            $("<li>", {}).append(
                $("<a>", { href: options[index].href }).text(
                    options[index].text
                )
            )
        );
    });
    
    $。每个(选项、函数(索引){
    $(“#myList”).append(
    $(“
  • ”,{}).append( $(“”,{href:options[index].href}).text( 选项[索引]。文本 ) ) ); });

  • 按照您的方式,您将
    文本
    添加到
  • 中,而不是
    您很接近,但您的语法有点错误

    var options = [
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"}
    ];
    
    $.each(options, function(index) {
        $("#myList").append($("<li>", {}).append($("<a>", { href: options[index].href }).text(options[index].text)));
    });
    
    var选项=[
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”}
    ];
    $。每个(选项、功能(索引){
    
    $(“#myList”).append($(“
  • ”,{}).append($(“

    您的语法稍有错误

    var options = [
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"}
    ];
    
    $.each(options, function(index) {
        $("#myList").append($("<li>", {}).append($("<a>", { href: options[index].href }).text(options[index].text)));
    });
    
    var选项=[
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”}
    ];
    $。每个(选项、功能(索引){
    
    $(“#myList”).append($(“
  • ”,{}).append($(“

    这是因为您正在设置
    li
    .text
    而不是
    a
    标记

    此外,您的
    选项
    对象设置不正确,使用的是
    {}
    而不是
    []

    演示:

    试试这个:

    var options = [
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"}
    ];
    
    $.each(options, function(index) {
        $("#myList")
        .append($("<li>", {})
            .append($("<a>", { href: options[index].href }).text(options[index].text)
        ));
    });
    
    var选项=[
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”}
    ];
    $。每个(选项、功能(索引){
    $(“myList”)
    .append($(“
  • ”,{}) .append($(“”,{href:options[index].href}).text(options[index].text) )); });
  • 这是因为您正在设置
    .text
    而不是
    a
    标记

    此外,您的
    选项
    对象设置不正确,使用的是
    {}
    而不是
    []

    演示:

    试试这个:

    var options = [
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"},
        {href: "#", text:"text"}
    ];
    
    $.each(options, function(index) {
        $("#myList")
        .append($("<li>", {})
            .append($("<a>", { href: options[index].href }).text(options[index].text)
        ));
    });
    
    var选项=[
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”},
    {href:“#”,text:“text”}
    ];
    $。每个(选项、功能(索引){
    $(“myList”)
    .append($(“
  • ”,{}) .append($(“”,{href:options[index].href}).text(options[index].text) )); });
  • 您需要一个对象数组,您的append语句似乎有点过于复杂:


    您还需要使用
    $。each
    而不是
    $each

    您需要对象数组,并且您的append语句似乎有点过于复杂:


    您还需要使用
    $。each
    而不是
    $each

    我成功地使用了它

    $.each(result, function (i, file) {
                    $("#filelist").append('<li><a target="_blank" href="' + downloadUrl + '/' + file.StaticFileId + '">' + file.ShortDesc + '</a></li>');
    });
    
    $。每个(结果、函数(i、文件){
    $(“#文件列表”).append(“
  • ”); });
    我成功地使用了这个

    $.each(result, function (i, file) {
                    $("#filelist").append('<li><a target="_blank" href="' + downloadUrl + '/' + file.StaticFileId + '">' + file.ShortDesc + '</a></li>');
    });
    
    $。每个(结果、函数(i、文件){
    $(“#文件列表”).append(“
  • ”); });
    我不明白……输出看起来不错……向我们显示错误的输出;)在
    之前,右括号太多了(
    Robert:我提供的输出是期望的,而不是结果。结果是
  • 文本
  • ;正如一些答案所指出的,我在
  • 上设置文本,而不是文本。Jamiec:可能是另一个输入错误;似乎我在键入这个问题时做了很多!我不明白……输出看起来不错……向我们展示错误的输出;)
    .text前面的右括号太多(
    Robert:我提供的输出是所需的,而不是结果。结果是
  • 文本
  • ;正如一些答案所指出的,我将文本设置在
  • 上,而不是。Jamiec:可能是另一个打字错误;似乎我在键入此问题时做了很多!一旦你这样更改布局,它就会变得很明显。非常感谢,虽然有许多正确答案,但我将你的答案标记为我接受的答案,因为你的版式更改提醒了我如何避免将来出现类似情况。一旦你这样更改版式,它就变得显而易见了。非常感谢,尽管有许多正确答案,但我将你的答案标记为我接受的答案,因为你的版式更改了我告诉我如何在将来避免类似的情况。对不起,我的错,我试图创建一个简单的示例,而不是发布实际的代码。但是你是对的;在这样做的过程中,我成功地创建了一个非选项数组,我错过了”。“从jQuery调用。对不起,我的错,我试图创建一个简单的示例,而不是发布实际的代码。不过你是对的;在这样做时,我成功地创建了一个非选项数组,但我错过了”。”从jQuery调用中。是的,你完全明白了我的意思-我就是不明白为什么。就像Steve的回答一样,你的布局让它更清晰了。谢谢。@MartinRobins没问题,很高兴我能帮忙!是的,我总是构造嵌套
    appen