Question

我有一些Jquery选项卡，上面有Names。（即：| Apple | Orange | Pear |）

我想更新这些标题，以便说出像

这样的内容

|苹果（2）|橙|梨（4）|

或其他基于php页面返回的数据（比如numbers.php）

所以， Jquery请求numbers.php numbers.php返回苹果：2 梨：4

如何使用JS，然后使用该数据动态更新Jquery选项卡“titles”并返回数据？

然后，如果我重新运行该函数，它会再次询问numbers.php并再次根据php返回更新标签标题？

此外，名称可能会改变..所以下次运行时，苹果可能不存在，但梨可能会读5 ... 在这种情况下，苹果应该更名为“Apple”

任何帮助都会非常出色。（希望我明白了吗？）

[更新] 我试过以下的答案，但没有运气。

LI在控制台中显示如下：

<li id="tab-tabtestuser" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="newtab-tabtestuser" aria-labelledby="ui-id-5" aria-selected="true"><a href="#newtab-tabtestuser" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-5">tabtestuser <span class="count"></span></a><span class="ui-icon ui-icon-close" role="presentation">Remove Tab</span></li>

Answer 1

如果以有意义的格式（如JSON）从numbers.php返回数据，则可以更轻松地处理数据并更新Javascript中的选项卡。以下是您想要做的基本示例，您可能希望对其进行改进。

`numbers.php`

{
    apple: 5,
    orange: 3,
    pear: 2
}

使用Javascript：

$.getJSON( "numbers.php", function( data ) {

    $.each( data, function( key, val ) {

        $('#tab-' + key).find('span.count').text(val);

        if (val == 0) {
            $('#tab-' + key).hide();
        };

    });

});

HTML：

<div id="tabs">
    <ul>
        <li id="tab-apple"><a href="#tabs-apple">Apple <span class="count"></span></a></li>
        <li id="tab-orange"><a href="#tabs-orange">Orange <span class="count"></span></a></li>
        <li id="tab-pear"><a href="#tabs-pear">Pear <span class="count"></span></a></li>
    </ul>
    <div id="tabs-apple"></div>
    <div id="tabs-orange"></div>
    <div id="tabs-pear"></div>
</div>

使用Javascript从PHP发送的某些数据更新<li> </li>？

1 个答案:

`numbers.php`

使用Javascript：

HTML：