Question

我有相同类别“linkImg”的大量图片，我希望它们在没有添加标签的情况下表现为链接。

我尝试的是这样的：

<script type="text/javascript">

$(function()
    {
        $('.linkImg').click( function( event )
            {
            var fileSrc = $(this).attr('src');
            fileSrc = fileSrc.slice(fileSrc.lastIndexOf('/')+1,-4); // gets the image file name   
                var linkPath = '_img/largeImg/' + fileSrc + '.jpg';
            var linkRel = 'relValue';
            var linkTarget ='targetValue';
            gotothelinl(linkPath, linkRel, linkTarget)// this is just a made-up function - it the part I don't know how to make work


            })
    } );

</script>

当它工作时，它应该表现得像所有属性完整的标签。我尝试过使用location.href，但我无法将属性与目标属性相关联。

事先提前

大卫

Answer 1

更改您要执行的页面的位置

location.href = "/newLocation.html"

这模拟了一个超链接（虽然我是一个ajax爱好者！）

Answer 2

我认为你正在从另一个角度解决这个问题......试试这个：

<script type="text/javascript">


$(function()
    {
        $('.linkImg').each( function()
            {
            var fileSrc = $(this).attr('src');
            fileSrc = fileSrc.slice(fileSrc.lastIndexOf('/')+1,-4); // gets the image file name   
                var linkPath = '_img/largeImg/' + fileSrc + '.jpg';
            var linkRel = 'relValue';
            var linkTarget ='targetValue';
            $(this).wrap('<a href="'+ linkPath +'" target="' + linkTarget + '" rel="'+ linkRel + '" />')


            })
    } );

</script>

我是否可以使用jQuery或javascript使<img/>表现得像没有<a> based on class?</a>的链接

2 个答案: