Question

根据这个：Set image src to another image jquery它说你可以做那个功能，可以用它来实现吗？

<div id="infolink"><a href="#">See this page</a></div>

<div class="box1"><a href="www.example.com"></a></div>
<div class="box1"><a href="www.example2.com"></a></div>

是的，所以两个方框中有两个相同class但链接不同的链接，当您点击其中任意一个框时，该框中的链接将转到#infobox链接

更新

这会有效：

 $('.box1 ').click(function() {
var get = $('.box1 a').attr('href');
$('#infolink a').attr('href', get);}

Answer 1

您可以阻止其他两个锚标记上的点击事件的默认操作

e.preventDefault();

然后将用户重定向到由锚标记指定的位置，<div>与id='infolink'一起

location.href  = $("#infolink > a")[0].href

使用Javascript：

  $(".box1 > a").on('click', function(e){
    e.preventDefault();
    location.href  = $("#infolink > a")[0].href
  })

这里是demo

OR

您可以完全更改href

$(function(){

  var ele = $(".box1");

  ele.each(function(){
     $(this).children('a')[0].href = $("#infolink > a")[0].href
   })

});

Answer 2

据我所知，这就是你所需要的。

$(".box1").click(function(){
    var url = $(this).find("a").attr("href"); // Get url from clicked href
    $("#infolink").find("a").attr("href", url); // set it to infolink href
    e.preventDefault(); // to prevent form submission
});

Answer 3

检查一下：

90123567.....90123569......difference=(1)
901123567....90123567......diffidence=(1)

将多个链接href设置为特定链接jquery

更新

3 个答案: