Question

请在此处查看我的代码，

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

这里的img链接与href相同（当点击img时，它应该打开一个相同img的弹出窗口），挑战是我不想使用＆＃34; image_link1＆＃34;在href中，我需要使用与img中相同的图像。任何人都有任何想法或建议，即使你有想法在javascript中这样做是受欢迎的。简单来说，我们将URL分配给href =＆＃34; url＆＃34;。但我不想将URL分配给我的href。我想提供除URL以外的任何内容，例如javascript中的变量，它引用我的锚标记内的图像。

Answer 1

请打开相同图片的弹出窗口，看看这个 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>

Answer 2

请尝试此

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

Answer 3

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

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

Answer 4

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

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

如果两个链接都相同，则不需要同时编写两个标记。

只需编写代码： -

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

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

参考＆＃34; href＆＃34;而不是在HTML中的锚标记中的url

5 个答案: