从动态href链接获取值

时间:2012-02-14 17:23:28

标签: javascript href

你好朋友我试图从动态href链接中获取价值。其中我通过href的三个值发生了变化。实际上,href是图像的一部分。我从数据库中获得7张图片。这意味着共有7个href。所以这是我的问题,即使我试图从href中提取值。只有fst href的值才会显示在alert中。这是我的jquery代码。例如。我点击第3张图片,然后显示第一个href链接的值。任何人都可以帮助我吗?

var a = document.getElementById('plzx');

var parts = a.search.slice(1).split('&');

var table = {};

for( var i = 0; i < parts.length; i++ ) {
    var pair = parts[i].split('=');
    table[pair[0]] = pair[1];
}


var id = table.id;
var a =table.a;
var pic =table.pic;

这是我的图库代码示例,通过它我可以动态获取href中的值

<li>
    <a href="<?php echo $pic;?>?id=<?php echo $id;?>&a=<?php echo $srcwidth;?>&pic=<?php echo $picID;?>" data-title="hi" data-desc=" " data-rel="group2" data-bw="<?php echo $pic;?>"  class="lightbox" id="plzx" >                         
        <img src="<?php echo $pic;?>"  width="160" height="160" title="Click To View"/> 
    </a>                                        
</li>

我的PHP代码。执行后

         <a id="plzx" class="lightbox" data-bw="uploads/1452243951jatin.png" data-rel="group2" data-desc=" " data-title="hi" href="uploads/1452243951jatin.png?id=3&amp;a=796&amp;pic=4">

                    <span style="position: relative;" class="tp-lightbox-element">
            <img width="160" height="160" title="Click To View" src="uploads/1452243951jatin.png">
       </span>
       </a>

2 个答案:

答案 0 :(得分:0)

好吧。据我所知,不幸的是,标签无法独立识别。这可以避免使用每个A标签的div。

或者您可以从页面中获取所有A标签的列表..

var lnk = td.getElementsByTagName('a')[0]
var src=lnk.href

答案 1 :(得分:0)

$('.classname​​​​​​​​​​​').click(function(){ a=this; var parts = a.search.slice(1).split('&'); var table = {};

 for( var i = 0; i < parts.length; i++ ) {
 var pair = parts[i].split('=');
 table[pair[0]] = pair[1];
 }

var id = table.id;
 alert(id);
var a =table.a;
 var pic =table.pic;
return false;
 });

查看这个小提琴http://jsfiddle.net/yBJ6j/