Question

感谢快速帮助，此问题已解决：

HTML

<a id="myid" href="#">What ever goes here</a>

jQuery

$("#myid").attr("href");

我需要使用jQuery创建的HTML链接。链接在图像上。我只需要获取实际的网站网址，并将其输入链接的href。

<a href=" + the link created from jQuery + "><img src="myimage.jpg" /></a>

我发现了一些有用的类似问题，但都以OnClick事件结束，例如用一个按钮左右。我不需要按钮，但是在页面加载时创建了定位链接。我已经做过一段JavaScript了，jQuery对我来说是个新手。

尽管我设法获得了需要为其提供示例的对象，以及如何将其加载到定位链接中。

$(location).attr('href');

Answer 1

$("a").attr("href", "http://www.yoursite.com")

这将为所有href标签设置a属性。

OR

$("#myid").attr("href", "http://www.yoursite.com/")

如果您为id=myid标签设置了a。

确保在代码中添加jQuery。

Answer 2

jQuery

var $link = $("<a></a>");                          // Creates the link element.
$link.attr("href", "https://WhateverYouWant.com"); // Sets the href attribute to a particular link.
$("body").append($link);                           // Adds the link to the bottom of your page.

JavaScript

var link = document.createElement("a");                      // Creates the link element.
link.setAttribute("href", "https://WhateverYouWant.com");    // Sets the href attribute to a particular link.
document.getElementsByTagName("body")[0].appendChild(link);  // Adds the link to the bottom of your page.

Answer 3

在示例中单击按钮，您将获得指向图像的链接：)尽情享受吧！

$( '#myButton' ).click( function() {

  $('img').each( function(i,e) {
    let link = document.createElement('a');
    $(link).attr('href', $(e).attr('src'));
    $(link).append( $(e).clone() );
    $(e).replaceWith( link );
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<img src="http://via.placeholder.com/100x200">
<img src="http://via.placeholder.com/200x200">
<img src="http://via.placeholder.com/300x200">
<br/>
<button id="myButton">Make links for images!</button>

如果要在页面加载时使用链接修饰图片，请在img each内使用$(document).ready(function...)

Answer 4

如果您想将当前页面的URL放入链接中，则只需要获取它即可。

var pageUrl = window.location.href;
var newLink = '<a href="'+ pageUrl +'"><img src="myimage.jpg" /></a>';

//do whatever you want with newLink

使用jQuery创建HTML链接

4 个答案: