jQuery / Js循环使用Codeigniter MySQL输出的数据

Question

$("#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>

Answer 1

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

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

有关each()

的更多信息

Answer 2

更新12:45 PM：更改整页：

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

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

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