参考“;href"而不是html中锚点标签中的url

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

本文关键字：url html 标签 href quot 参考      更新时间：2023-09-26

在这里查看我的代码，作为

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

这里的img链接与href的链接相同（当点击img时，它应该会打开一个相同img的弹出窗口），挑战是我不想在href中使用"image_link1"，相反，我需要使用与img中引用相同图像的东西。任何人都有任何想法或建议，即使您有用javascript实现的想法，也欢迎。简单地说，我们将URL分配给href="URL"。但我不想将URL分配给我的href。我想给出URL以外的任何东西，比如javascript中的变量，它引用了我的锚标记中的图像。

要打开同一图像的弹出窗口，请查看小提琴

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

请尝试此

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

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

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

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

<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标签：

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

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

只需编写代码：-

<a href="image_link1"> </a>
<script>
   var Img = $('a').attr('href');
   $('a').prepend("<img src="+Img+">");
</script>
相关文章：