在具有特定 ID 的 div 中插入来自 PHP 的值

Posted 2023-02-24

【中文标题】在具有特定 ID 的 div 中插入来自 PHP 的值

【英文标题】：inserting values from PHP in a div with a specific ID

【发布时间】：2012-05-17 10:33:42

【问题描述】：

编辑：我找到了一个使用 jquery 和 append() 的解决方案 从 php，我构建了包含我要插入到选项卡 div 中的所有信息的数组。然后我通过将数组编码为 json 结束回显它，并使用 getJSON 捕获数组，将这个数组发送到 jquery。现在我可以成功地将我的数据添加到相应的 div 中。感谢您的帮助

这是我的情况：在我的主页上，用户可以输入一个链接并将其与链接类型一起发送到数据库（如果它是关于自然、新闻、技术、娱乐的链接..） 现在在同一页面上，我有一个加载的 div 而不刷新整个页面，在这个 div 内我有一个选项卡式界面，其中每个选项卡代表一个链接的类型。每个选项卡内都有一个相应类型的链接。 在我的数据库中，我存储了链接和链接的类型

这是我的问题：我如何才能正确地用链接填充选项卡，知道要填充的选项卡的 ID 只有在读取 PHP 脚本中的数据库时才知道

这里是带有tab界面的div

<div class="tabs">
    <ul class="tab_nav">  
        <li><a href="#News">News</a></li>  
        <li><a href="#Technology">Technology</a></li>  
        <li><a href="#Sport">Sport</a></li>  
    </ul>  
    <div id="News">
    </div>
    <div id="Technology">
    </div>
    <div id="Sport">
    </div>
</div>  

我想要做的是将某种类型的链接插入到具有相应 ID 的 div 中。只有在获取数据库时才知道链接的类型（和 div 的 ID）。

我是制作网站的新手，我完全被困在这里。我不知道如何处理。

谢谢！

【问题讨论】：

有很多方法可以解决这个问题。你试过什么？

没有尝试过任何东西，但我有一个想法，现在在 php 脚本中，我可以将数据库中的所有链接和类型放入一个数组中。我正在使用 PDO 方式从表中获取我的数据。我的想法是将数组传递给 javascript 或 jquery，然后 jquery 会将所需数据正确放入 div

【参考方案1】：

试试这个：

$('a').each(function()
   t = $(this).text();
   $("#" + t).text($(this).attr("href"))
)

【参考方案2】：

这是你想要的吗？

$('a').each(function()
   $(this).clone().appendTo("#" + $(this).text());
)​

这是完整的代码：Click here!

注意：它使用jquery。只想这么说，因为你说你是网络新手。