从div获取链接并在新链接中发布

时间:2018-05-03 14:03:11

标签: javascript jquery html

我想获得一个与jquery的链接,并在一个新按钮中发布此链接。

请注意,由于我无法访问代码,因此需要使用jquery添加新按钮href。

我的代码:

addmargins

我希望如何。

<div class="product-buttons">
  <a class="button-info" href="https://www.mylink.com">Link i want to copy</a>
</div>

<div class="product-price">
  <div class="price-standard">
    <span class="price-amount">
      49,00 eur
    </span>
  </div>
</div>

2 个答案:

答案 0 :(得分:0)

您可以使用href获取attr(),然后使用append()将所需a href插入父级:

&#13;
&#13;
var href = $('.button-info').attr('href');
$('.product-price').append(`<a class="new-button" href=${href}>Read More</a>`);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="product-buttons">
  <a class="button-info" href="https://www.mylink.com">Link i want to copy</a>
</div>

<div class="product-price">
  <div class="price-standard">
    <span class="price-amount">
      49,00 eur
    </span>
  </div>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以使用jQuery的append()attr()尝试以下方式:

$('.product-price').append('<a class="new-button" href="">Read more</a>');
$('.new-button').attr('href',$('.button-info').attr('href'));
// To demonstrate the change
console.log($('.button-info')[0])
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="product-buttons">
  <a class="button-info" href="https://www.mylink.com">Link i want to copy</a>
</div>

<div class="product-price">
  <div class="price-standard">
    <span class="price-amount">
      49,00 eur
    </span>
  </div>
</div>