代码之家 › 专栏 › 技术社区 › Mathieu Mourareau

ajax按钮foreach[副本]

laravel ajax jquery

-1

Mathieu Mourareau · 技术社区 · 6 年前

我在.php中有以下代码(为了更容易理解,对代码进行了编辑)。

while($row = mysql_fetch_array($biznis)){
<div id='listItem'>
    <div id='listPic'>
        <img src='../../social/images/avatar/empty_avatar_full.jpg'></img>
    </div>
    <div id='listCont'>
        <span>abcde<i>(request pending)</i></span>                              
    </div>
    <div id="listInfo">
        <span id='info'>More info</span>
    </div>
    <div style='clear:both;'></div>

    <div id='moreInfo'>
        <span>Invitation sent: xx-yy-zzzz</span>
    </div>
</div>

<div style='clear:both;'></div>
}

所以代码没什么特别的,我只是把表上的所有记录都排好。现在,问题是,正如你所看到的,对于相同的元素,我使用相同的ID。

jQuery代码

$(document).ready(function () {
    $("#moreInfo").hide();

    $("#info").click(function(){
    $("#moreInfo").slideToggle();
});
});

好的,现在问题来了。只有第一个div(moreinfo)被隐藏,所有其他的都显示出来。只有第一个跨度(info)是切换滑块。

我试着为ids设置计数器,并对每个函数进行jquery,但没有一个能像我想象的那样工作。

塞巴斯蒂安

0 回复 | 直到 11 年前

hohner 11 年前

元素ID应该是 独特的 该元素的标识符。使用类名对于通用选择器:

<? while($row = mysql_fetch_array($biznis)): ?>
<div class="listItem">
    <div class="listPic">
        <img src="../../social/images/avatar/empty_avatar_full.jpg"></img>
    </div>
    <div class="listCont">
        <span>abcde<i>(request pending)</i></span>                              
    </div>
    <div class="listInfo">
        <span class="info">More info</span>
    </div>
    <div style="clear:both;"></div>
    <div class="moreInfo">
        <span>Invitation sent: xx-yy-zzzz</span>
    </div>
</div>
<div style="clear:both;"></div>
<? endwhile; ?>

并将jQuery更改为:

$(function() {
   $('.moreInfo').hide();
   $('.info').click(function() {
      $('.moreInfo').slideToggle();
   });
});

编辑

$('.info').click(function() {
   $(this).parent().siblings('.moreInfo').slideToggle();
});

CaptainMat 11 年前

使用类而不是id,因为您处于while循环中。ID只存在一次。

更新你的js。

推荐文章

SenorPuerco · 突然得到“目标类[Inertia\Ssr\Gateway]不存在。”我不使用Inertia的Ssr。我怎样才能回到一个正常工作的网站?

2 年前

Dev · 在laravel rest api中按特定角色获取所有用户

2 年前

Mofid · 如何在livewire中加速请求?

2 年前

JUSTIN CHUA · 导出Laravel excel图像失败

2 年前

twan · Laravel产量为空

2 年前

Pouya · Foreach循环不添加计数器

2 年前

Erni · Laravel 9 Tailwindcss在代码更改后始终必须由npm运行dev

2 年前

322quick1 · Laravel-多选择查询

2 年前

gfaster · Laravel迁移:使用本机PHP枚举

2 年前

jose · withCount where条件中的eager loading pass变量

2 年前