在 html 的锚标记中引用 "href" 中的图像而不是 url

Question

在这里查看我的代码，

<a href="image_link1">
<img src="image_link1"></img>
</a>

这里的 img link 与 href 的相同（当点击 img 时，它应该打开一个相同 img 的弹出窗口），挑战是我不想使用 "image_link1" href，相反，我需要使用与 img 中的图像相同的图像。任何人有任何想法或建议，即使您有想法在 javascript 中也欢迎。简而言之，我们将 URL 分配给 href="url"。但我不想将 URL 分配给我的 href。我想提供 URL 以外的任何内容，例如 javascript 中的变量，它引用我的锚标记内的图像。

Answer 1

请试试这个

$(document).ready(function(){
    $('a').attr('src',$('img').attr('href'))
});

Answer 2

试试这个：http://plnkr.co/edit/gjEou8OwWDrR5EmFOafm?p=preview

$('a').on('click', function(){
  $(this).attr('href',$(this).find('img').attr('src'));
})

Answer 3

我不知道我是否理解这个问题，但也许这有帮助：

<a href="#" class="pic"> <!--using a class-->
    <img src="image_link1"></img>
</a>

<script>
    $(document).ready(function(){
        $('a.pic').each(function(){ // Foreach a.pic
            var url = $(this).find('img').attr('src'); // Get src 
            $(this).attr("href",url); // Set href
        });
    });
</script>

如果您不想要 a-tag:

$('img').bind('click',function(){
    window.location.href = $(this).attr('src');
});

Answer 4

如果你有两个相同的链接，那么你不需要写两个标签。

直接写代码：-

<a href="image_link1"> </a>

<script>
   var Img = $('a').attr('href');
   $('a').prepend("<img src="+Img+">");
</script>

Answer 5

请打开相同图片的弹出窗口，查看这个 fiddle

<img class='img' src="http://www.petelepage.com/assets/gela1.png" onclick="ChangeUrl()" id="image1">        
    <div id="myDialog">
       <img class='img' src="http://www.petelepage.com/assets/gela1.png">
    </div>
       <script>
           function ChangeUrl(){ 
         $("#myDialog").dialog("open")
           }
$("#myDialog").dialog({
    autoOpen  : false,
    modal     : true,
});
</script>

在 html 的锚标记中引用 "href" 中的图像而不是 url

Refering the image in "href" rather than url in anchor tag in html

html

javascript

css

anchor

jquery