jquery怎么对付动态输出的网页内容?

duandi 发布于 2012/08/16 14:34
阅读 1K+
收藏 0

<ul>	
     <volist name="data['prolist']" id="v">

      <li>
          <a href="{$v.id}" title="{$v['name']}">
              <img src="{$v.img}" />
          </a>

          <br/>
                                        
          <a href="{$v.id}" title="{$v['name']}">
              {:msubstr($v['name'],0,10)}
          </a>
      </li>

     </volist>	
</ul>             

 

输出什么具体内容不重要了,反正就是一个链接对应一个图片,鼠标放到链接上,图片边框变化

不会thinkphp的可以看下面具体输出的结构

代码输出结构

 

一个链接对应一个图片 hover链接 相应的图片边框变色 效果实现容易 但是关键是怎么对应起来

呢?先谢谢了……

加载中
0
duandi
duandi

额……我问的问题总是很少回答 是我表达的有问题吗?

如果有哪里不清楚的地方麻烦大家指出来

 

0
Jooooooker
Jooooooker
给每个图片加一个ID?
0
aiasfina
aiasfina
你是想给每个链接对应同级元素下的图片实现效果么?
duandi
duandi
对 就是这个意思 初学这个可能表达不好……
0
黑狗
黑狗

什么意思?没看懂啊?

就是一个超链接hover了,超链接变图片?很简单啊

鼠标移动上去的时间,$(this).hide(),然后$(this).find('pic').show啊

然后鼠标移开的时候  toggle啊

duandi
duandi
<li><a><img/></a> <a>对应图片的链接</a></li> hover对应图片的链接时,<img/>加个边框, 有任意个<li></li>结构 数量不确定
0
黑狗
黑狗

怎么个动态法,每次都请求后台传回图片么?还是总共的那几个图片都是有的呢?你一次全部图片斗加载进来,当然你可以全部合成一个图片,加快速度。

你可以给图片一个ID啊  PIC1 PIC2 PIC3   li1 li2 li3 然后,通过后面的数字,就可以匹配了啊

你截取掉PIC和li如果==的话,就匹配上了啊

duandi
duandi
回复 @黑狗 : <volist name="data['prolist']" id="v"> 这一句类似于C语言的for循环,data['prolist']是数据库返回的一个二维数组,里面放着N个产品吧{ {产品1链接,名称},{产品2链接,名称},{产品3链接,名称},...,{} } $v.id输出链接 $v.name输出名称 这个怎么each啊……
黑狗
黑狗
诶不对 没那么复杂 你取出来了url和图片 是一组一组的啊 你each这个数组,每个数据都append("pic"+i++).append("url"+i)
黑狗
黑狗
你存储的肯定有图片和对应的URL吧? 你把主键加密后一起传到前台作为一个标志,前台遍历每个图片,根据图片的主键可以取到相应的URL,然后each{ add pic主键 add li主键 }
duandi
duandi
具体输出多少图片是不确定的 可能只一张 也可能数据库里有多少输出多少 所以不知道怎么给链接和相应的图片编号 开始想用each 可惜水平不够 还是没想出来
0
透过玻璃的光
透过玻璃的光

$("#show a").hover(function(){

   $(this).parent().find('img').css('border',"2px solid #0f0"); //处理边框

})

 

这样?

透过玻璃的光
透过玻璃的光
回复 @duandi : 噢。那就是这样了。。
duandi
duandi
嗯 是这个意思……
0
duandi
duandi

晕了 如果用each给相应的一组图片和链接编上号 那么现在问题简化如下:

<a><img class="1" /></a>对应<a class="1"></a>

<a><img class="2" /></a>对应<a class="2"></a>

………………………………………………任意多个

问题是现在怎么用jquery选择器选择任意一个<a class="*"></a>然后给相应的img加个样式?

返回顶部
顶部