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

【问题标题】：jQuery/Js looping over Codeigniter MySQL outputted datajQuery/Js 循环遍历 Codeigniter MySQL 输出的数据
【发布时间】：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>

【问题讨论】：

【解决方案1】：

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

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

更多信息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 新手，我该怎么做？