使用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("");
    });
    )}
My012_
My012_ 大神,太感谢了
3 年多之前 回复

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

qq_24662527
qq_24662527 ...
接近 3 年之前 回复








<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>

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问