javascript - 我可以使用jQuery或javascript来使<Img>表现得像没有基于类的<a>链接一样吗？

我有大量相同类别“ 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，但我无法对此进行定位或定位。

提前

大卫

最佳答案

我认为您是从另一个角度考虑问题的方法...尝试以下操作：

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