Javascript 如何在JQuery中使用foreach循环
我试图通过使用smarty模板和foreach循环来显示表中的数据列表。。但是我想给一个id一个能够在每个..下显示新数据的能力。。但它只适用于第一种情况 问题在于id为(受试者)的img,我想在每次单击img时显示id(结果)。。但它只适用于第一行。。我怎样才能使它适用于所有线路Javascript 如何在JQuery中使用foreach循环,javascript,php,jquery,ajax,smarty,Javascript,Php,Jquery,Ajax,Smarty,我试图通过使用smarty模板和foreach循环来显示表中的数据列表。。但是我想给一个id一个能够在每个..下显示新数据的能力。。但它只适用于第一种情况 问题在于id为(受试者)的img,我想在每次单击img时显示id(结果)。。但它只适用于第一行。。我怎样才能使它适用于所有线路 <script type="text/javascript"> $(document).ready(function(){ $('#subjects').click(function(){ $
<script type="text/javascript">
$(document).ready(function(){
$('#subjects').click(function(){
$('#result').fadeIn(2000);
});
});
</script>
<br /><br /><table width="100%">
<tr class="tbl">
<td colspan="6">{$ci->lang->line('modules_list')}</td>
</tr><tr>
<td class="tbl1" style="width: 8%;">{$ci->lang->line('number')}</td>
<td class="tbl2" style="width: 28%;">{$ci->lang->line('title')}</td>
<td class="tbl1" style="width: 10%;">{$ci->lang->line('add_subject')}</td>
<td class="tbl2" style="width: 10%;">{$ci->lang->line('subjects_list')}</td>
<td class="tbl1" style="width: 8%;">{$ci->lang->line('edit')}</td>
<td class="tbl2" style="width: 8%;">{$ci->lang->line('delete')}</td>
</tr>
{foreach $modules_list as $module}
<tr>
<td class="tbl1" style="width: 8%;">{$module.number}</td>
<td class="tbl2" style="width: 28%;">{$module.title}</td>
<td class="tbl1" style="width: 10%;"><a href="{base_url('admincp/subjects/add')} /{$module.id}"><img src="{base_url('images/icons/add.png')}" /></a></td>
<td class="tbl2" style="width: 10%;"><img id="subjects" src="{base_url('images/icons/list.png')}" /></td>
<td class="tbl1" style="width: 8%;"><a href="{base_url('admincp/modules/edit')}/{$module.number}"><img src="{base_url('images/icons/edit.png')}" /></a></td>
<td class="tbl2" style="width: 8%;"><a onclick="return confirm('{$ci->lang->line('delete_confirm_msg')}')" href="{base_url('admincp/modules/delete')}/{$module.number}"><img src="{base_url('images/icons/delete.gif')}" /></a></td>
</tr>
<tr id="result" style="display:none">
<td>RESULT</td>
</tr>
{/foreach}
</table>
</div>
</body>
</html>
$(文档).ready(函数(){
$(“#主题”)。单击(函数(){
$(“#结果”)。fadeIn(2000年);
});
});
{$ci->lang->line('modules_list')}
{$ci->lang->line('number')}
{$ci->lang->line('title')}
{$ci->lang->line('add_subject')}
{$ci->lang->line('subjects_list')}
{$ci->lang->line('edit')}
{$ci->lang->line('delete')}
{foreach$modules_列表为$module}
{$module.number}
{$module.title}
结果
{/foreach}
==
我已经解决了这个问题,它现在可以工作了,但我还有一个小问题,我想在显示隐藏的tr时,使用aJax从另一个页面获取关于每个模块的信息。。我希望它从页面(modules/$module_id)中获取一些数据。。我知道如何使用ajax。。但是如何在javascript代码中使用变量{$module_id} id在文档中必须是唯一的。只能有一个具有给定id的对象。因此,请尝试引用此对象的后续版本
<tr id="result" style="display:none">
该类允许您附加具有相同类的多个对象。然后,jQuery会找到同样隐藏的类,然后只在第一个类中淡出。这就是jQuery的工作方式:
$(".elements").each( function() {
$(this);
})
您应该为
结果和主题使用类,否则您将获得重复的id
属性,这将导致页面无效。另外,在每个模块tr
中添加一个类,以便于识别。试试这个:
{foreach$modules\以$module的形式列出}
{$module.number}
{$module.title}
结果
{/foreach}
$('.subjects')。单击(函数(){
var$tr=$(this.closest('tr');
$tr.nextUntil(“.module row”).fadeIn(2000年);
});
现在,单击一个tr中的img后,它会在每个tr中显示结果。。我只想在同一行中显示tr这应该是一个注释而不是答案。他问了jQuery的每个函数是如何工作的,我已经回答了。链接到API并从中复制代码不是答案。实际上代码是由我写的,我已经足够“专家”了要知道如何使用我的内存在jQuery中编写foreach循环。好吧,亲爱的,现在可以了,但我还有一个小问题,我想在显示隐藏的tr时,使用aJax从另一个页面获取关于每个moduke的一些信息。。我希望它从页面(modules/$module_id)中获取一些数据。。我知道如何使用ajax。。但是如何在javascript代码中使用变量{$module_id}?好吧,亲爱的,它现在可以工作了,但我还有一个小问题,我想在显示隐藏的tr时,使用aJax从另一个页面获取关于每个moduke的一些信息。。我希望它从页面(modules/$module_id)中获取一些数据。。我知道如何使用ajax。。但是如何在javascript代码中使用变量{$module_id}呢?这可能最好在另一个问题中提出,因为它涉及到很多问题。
$(".elements").each( function() {
$(this);
})