My012_
2016-10-08 11:03
采纳率: 33.3%
浏览 4.2k
已采纳

使用ajax <c:forEach>循环数据,只是第一条有效果

遍历图片集合,当鼠标悬停在图片上弹出文字,但只是第一条有用,其他没有效果,这是怎么回事
代码:


 <script type="text/javascript">
$(function(){   
        $("#img_1").hover(function(){
                        $("#span").html("删     除");

    },function(){
                $("#span").html("");
    });
    )};
    <c:forEach items="${listProduct}" var="lp">
    <td id="img_1" >
    <span id="span"></span>
    <a href="">
    <img src="${pageContext.request.contextPath}/${lp.image}" style="width: 50px;height: 40px"/>
    </a>
    </td>
<c:forEach>



  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 已采纳

    id一样了。。$("#img_1")只能获取到第一个出现的dom, $("#span")同理

    改为属性选择器,而不是id选择器

     $(function(){   
            $("td[id='img_1']").hover(function(){
                    $('span',this).html("删     除");//通过dom关系来获取
                           // $("#span").html("删     除");
    
        },function(){
                    $('span',this).html("");
                   // $("#span").html("");
        });
        )}
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 哈喽168 2016-10-08 11:37

    遍历集合是用来显示图片的吧,图片能全部显示出来就是完成任务了,后面把鼠标放在上面弹出文字应该是另一个功能了,可能是这部分的代码有问题

    评论
    解决 无用
    打赏 举报
  • My012_ 2016-10-08 11:45

    图片是从数据库取出的,跟ajax无关,通过ajax我想把鼠标停在图片上,弹出文字,就第一张显示文字,其他没有显示

    评论
    解决 无用
    打赏 举报
  • My012_ 2016-10-08 11:48








    <br> $(function(){ </p> <pre><code>$(&quot;#img_1&quot;).hover(function(){ $(&quot;#span&quot;).html(&quot;删 除&quot;); },function(){ $(&quot;#span&quot;).html(&quot;&quot;); }); )}; </code></pre>

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题