jQuery/Js 循环遍历 Codeigniter MySQL 输出的数据

Posted 2023-02-24

【中文标题】jQuery/Js 循环遍历 Codeigniter MySQL 输出的数据

【英文标题】：jQuery/Js looping over Codeigniter MySQL outputted data

【发布时间】：2012-03-14 01:56:45

【问题描述】：

$("#areaCodeList").click(function() 
   //onClick slideDown hidden church lists
);

在 javascript 或 jQuery 中，我将如何遍历多个输出的数据库条目？我需要它做的是能够唯一地识别不同的行，并且能够对每一行进行操作，而不是对所有行进行操作。我需要 jQuery 或 Javascript 来像 php while 循环一样工作。这对任何人都有意义吗？

<div class="areaCodeList" id="areaCodeList"><?=$row->areacode." - ".$row->locational_state;?></br></div>

【问题讨论】：

对什么表现得像个循环？看看 .each() 方法，也许有帮助

【参考方案1】：

使用 each() 迭代一组 DOM 元素：

$(".areaCodeList").each(function() 
    var $this = $(this);
    // Your code here to act on each individual element.
);

更多信息each()

【讨论】：

是的，我想到了 each() 方法。我只是从未使用过它。谢谢大佬。

【参考方案2】：

更新 12:45PM：整个页面的更改：

http://jsfiddle.net/eEtja/ - 我用一个面板创建了这个小提琴。我重写了页面上的代码。现在我在查看它之后更好地理解了您的 PHP。我没有修改你的PHP。

我更新了 JavaScript 以反映以下内容：（请确保 .churchList 仍然是一个类）

$(document).on("click", ".areaCodeList", function()
            $('.churchList').hide();
            $(this).next('.churchList').show();
 );

【讨论】：

pastebin.com/1GQZ8ctx - 我输出了 4 个区号，无论我点击哪个区号，都会显示第一个“#churchList”。它应该显示我点击的那个。关于为什么会发生这种情况的任何想法？

如果有多个 div 层使用#churchList，那么这是您的第一个问题。将 重命名为 div class="churchlist"。然后，在你的 $(this).on('click', function() $('.churchList').show(); );据我所知，只有“一个”教堂列表元素。您如何生成多个 ChurchList 元素？因为您的 PHP 数组只包含 div 的内容，而不是 div 本身？

我认为 .each 应该会处理这个问题？

好吧，问题是您正在 PHP 中创建一个数组，这一切都很好，但是当它被传递到 jQuery 时，数据不再作为可操作数组访问。你只是推出了一个 PHP 数组。 PHP 数组输出必须放入一个 JavaScript 数组中，这样当点击一个数字区号值时，它会触发其各自的教堂列表显示。

知道我还是 Javascript 新手，我该怎么做？