在 $.each 中附加问题

Question

我在以下 jQuery.each() 中有 3 个输出，我想要 echo(append) 它们中的每一个都在一个标签 li 中。

喜欢：

这是输出 $.each(): how & 你好 & 嗨

我想要这个：

<ol>
    <li>
        <a href="">how</a>
    </li>
    <li>
        <a href="">hello</a>
    </li>
    <li>
        <a href="">hi</a>
    </li>
</ol>

但是下面的jquery代码在a li中追加了全部3次，如：（我不想要这个）

<ol>
    <li>
        <a href="">howhellohi</a>
    </li>
    <li>
        <a href="">howhellohi</a>
    </li>
    <li>
        <a href="">howhellohi</a>
    </li>
</ol>

这是我的jquery代码：

$.ajax({
    type: "POST",
    dataType: "json",
    url: 'get_residence',
    data: dataString_h,
    cache: false,
    success: function (respond) {
        $.each(respond.data, function (index, value) {
            $('ol li').append('<a href="" class="tool_tip" title="ok">' + value.name[index] + '</a>');
        });
    },
    "error": function (x, y, z) {
        alert("An error has occured:\n" + x + "\n" + y + "\n" + z);
    }
});

这是我在jquery代码中的响应：

{
    "data": [{
        "name": "how",
        "star_type": "5-hotel",
        "site": "www.sasaas.assa",
        "service": ["shalo", "jikh", "gjhd", "saed", "saff", "fcds"],
        "address": "chara bia paeen"
    }, {
        "name": "hello",
        "star_type": "4-motel",
        "site": "www.sasasa.asas",
        "service": ["koko", "sili", "solo", "lilo"],
        "address": "haminja kilo nab"
    }, {
        "name": "hi",
        "star_type": "3-apparteman",
        "site": "www.saassaas.aas",
        "service": ["tv", "wan", "hamam", "kolas"],
        "address": "ok"
    }]
}

如何修复它？

Answer 1

更改

value.name[index] 

将您的代码

value.name

为因为这实际上是正确的代码。这实际上就是您使用 .each() 的原因

Answer 2

我认为这就是您所追求的逻辑：

$.each(respond.data, function (index, value) {
    $('ol li').eq(index).append('<a href="" class="tool_tip" title="ok">' + value.name[index] + '</a>');
});

这会将数据添加到正确的列表项，而不是将相同的数据添加到所有列表项。

Answer 3

您的代码对我来说似乎是正确的，问题可能在于 value.name[index] ，它似乎总是等于 howhellohi 。如果你警告 value.name[index] 你会得到什么？如果你总是得到 howhellohi 问题出在你的服务器端函数